- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小程序跳转小程序，小程序跳转公众号，小程序跳转h5
小程序跳转公众号或者h5，解决提示：无法打开某某某小程序，不支持打开非业务域名，请重新配置问题
2022-05-05 17:37:04
785
原创 filter() find()filterIndex()的区别js
filter()：过滤数组中所有满足条件的值find()：从数组查找第一个满足条件的值，找到第一个值就结束查找findIndex()：从数组查找第一个满足条件的值的下标 var test=res.data.data.filter((x) => x.name == "主城区"); console.log(test,3333)// var test2 = res.data.data.find((x) => x.name == "主城区");
2020-11-05 17:23:11
2029
原创 小程序传参传递对象
在小程序中需要跳转的时候将上一个页面的参数带到下一个页面，一般需要那个参数就拼接传递那个参数，但是有时候需要将整个对象传递过去就需要用到json 处理了1：hyxyxxgs页面<navigator hover-class="none" :url="'./hyxyxxgsDetail/hyxyxxgsDetail?type=black&data='+encodeURIComponent(JSON.stringify(item))" v-for="(item,index) in blackD
2020-07-16 09:21:32
1767
原创 vue中ref和$refs的用法
在日常开发中我们经常会用到ref，现在直接引用vue 官网对其简介下面介绍几种ref常用案例：1：获取dom元素 <div @click="test" ref="test">点我吧</div>2:父组件可以拿到子组件data 中的值子组件<template> <div style="color:cyan;">我是child组件，谁调用我谁就是我的父组件</div></template><script>
2020-07-08 16:52:23
573
原创 姓名脱敏js
1:需要将用户姓名进行脱敏处理,比如：张三处理成张，李三思处理成李*思，王二麻子处理成：王子*html :<div class="headerLeft">{{show==true?userName:name}} <span class="headerRight" @click="changName">{{show==true?'显示':'隐藏'}}</span></div>js:data(){ return{ show:true, userN
2020-07-06 10:19:57
11725
原创 this.$set()方法，对象中添加一个属性或者修改某属性的值js
在前端开发中经常需要给某个对象添加一个属性值或者修改某一属性值就可以用this.$set()方法data(){ return{ test:{ cur:0 } }}jsmethods:{ click(){ this.$set(this.test,'cur',this.test.cur+1) //点击一次test中的cur+1 //二 直接赋值 this.test.cur=his.test.cur+1 //给对象test 中新增一个属性name
2020-07-01 22:17:55
8112
原创 倒计时n秒返回上一页或指定页面（定时器）
**主要就是一个定时器3s之后返回上一页功能html**<view class="back">{{content}}s后自动跳转返回</view>**js**data(){ return{ content:3,//默认多少秒开始倒计时 } }, mounted() { this.jumpBack()// }, methods:{ jumpBack(){ var clock = setInterval(()
2020-07-01 11:13:25
972
原创 获取当前动态时间
1：html<view class="footerTitle"> <view>{{time}}</view> </view>2.jsdata() { return { time: '', timer: null } }, onLoad(option) { let _this = this; // 声明一个变量指向Vue实例this，保证作用域一致 _this.time = _this.g
2020-06-30 15:57:46
235
原创 倒计时60s获取短信验证码
HTML：<view class="gfmFormPannel"> <view class="gfmFormPannelTitle"> <text>*</text> 手机号码 </view> <view class="gfmFormPannelContent"> <view class="gfmFormItem"> <view class
2020-06-30 15:42:51
217
原创 javascript中数组和字符串相互转换(split(),toString(),toLocaleString(),join() 方法的使用)
javascript中数组和字符串相互转换1：字符串转数组：split()方法var name='111,12,34,4,5' this.test=name.split(',') console.log(this.test) 可以看出字符串已经转换成数组了，分割的标志就是逗号，是数组就可以用下标获取var name='111,12,34,4,5' this.test=name.split(',')[0] console.log(this.test+'这个下标为0'
2020-05-14 17:11:27
707
原创 vue中使用less
1:安装依赖npm install less less-loader --save2:引入less2.1：全局引入less1:当项目中所有的样式都在一个less文件，则可以在app.vue 中引入less<style lang="less"> @import "./style/test.less";</style>2:当项目中有多个less文件时，则在main.js 中全局引入全部lessimport "./style/test.less"import "./
2020-05-13 16:44:13
692
原创 利用el-cascader 级联选择器做一个城市多级联动
利用el-cascader 级联选择器做一个城市多级联动直接看代码 <div class="date_box"> <el-cascader v-model="searchable.sscq" popper-class="diyCascader" :option...
2020-04-22 11:24:56
935
原创 webstrom和idea中不能使用svn
当webstrom中更新代码出现以下提示：Can’t use Subversion command line client:svn当在idea中更新代码出现以下提示：No versioned directories to update were found解决办法：在idea /webstrom中之前是svn 现在需要改成你svn 安装的地址：我的是默认安装c盘则是C:\Program...
2020-04-20 10:00:51
336
原创 sessionStorage存取数据
1:以下是一个登录的功能login页面login({username: this.user.account, password:this.encode64(this.user.password)}).then(response => { //调用接口获取登录状态 const data = response.data if (dat...
2020-04-15 14:45:06
1045
原创 vue组件传值
在vue 中组件之间传值分为：父子传值，兄弟之间传值，其中父子传值分为父给子传，(父传子收)和子给父传(子传父收）1.父子传值(父传子收）v-主要思想：父组件将要传递值用v- bind绑定形式传递给子组件...
2019-10-28 19:42:11
231
原创 element-ui(el-pagination)实现分页,vue中使用element
1.使用npm install element-ui --save安装element-ui出现以上提示信息表示element-ui安装成功2.在main 中引入element-ui/样式文件，并使用element-uiimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue....
2019-09-27 12:17:19
2379
原创 vue-cli中使用echarts
使用npm安装echartsnpm install echarts --save运行完语句出现以下的内容表示echarts安装成功，4.3.0表示安装的echarts版本号使用echarts<template><div id="bar_dv" style="width: 500px; height: 500px"> </div> </te...
2019-09-26 12:46:21
460
原创 echarts 饼图或环形图默认选中高亮
上面的代码写在this.myChart.setOption(option)的后面即可在vue 脚手架中写用的echarts，不能写成daothis.myChart.dispatchAction({})因为会导致this指向问题，这样饼图就不能默认显示。所以将this.myChart赋给变量myChart就可以解决这个问题。下面是实现的效果图，默认显示也可以动态切换显示如果想默认显示的是黄色部...
2019-09-26 10:00:25
9582
6
echarts 饼图或环形图默认选中.md
2019-09-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人