vue阻止事件冒泡 vue阻止事件冒泡问题​ 起因:1个大的view中包裹了一个view 当包裹的view 实现点击效果外层的view的点击事件也会出现当点击中间的view 会一起调用外层view的点击时间 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click="intest()">12312</view> </view> 解决办法只需要在包裹的view改进一下点击事件 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click.stop="intest()">12312</view> </view>成功啦~这样就屏蔽了外层的view 事件

Vue2.0 filters过滤器使用方法 Vue2.0 filters过滤器使用方法创建filters filters:{ DateTime(val){ // 这里的val是传入的值 return SOtime.time6(val); // return 是返回的值 } },使用方法双花括号插值{{message | myFilter}}v-bind表达式<el-tag :type="message | myFilter"></el-tag>vue的生命周期中，如用在methods方法中this.$options.filters['这里是过滤器的名字']('过滤器的参数')还可以接受函数作为参数this.$options.filters['这里是过滤器的名字']('参数一', this.fun('zhangyue'))过滤器可以串联，filterA的结果将被传入filterB的参数中{{message | filterA | filterB}}

微信小程序rpx，px，rem单位换算规则 微信小程序rpx，px，rem单位换算规则小程序的单位rpx是根据iphone6的设备宽度定义的。需要UI设计稿出:375 x 667 基于苹果6/7/8 开发rpx:不论哪个型号的手机，屏幕宽度都是750rpxrpx与px的转换，根据设计稿换算例如：设计稿750px宽度，ps上量出或者标出的宽度是多少，那么就定义多少rpx，也就是，1px = 1rpx例如：设计稿640px宽度，根据量出的或者标出的尺寸需要转换一下，1px = 750/640rpxrem:根据设计稿换算例如：设计稿750px宽度，那么1rem = （750/20）rpx = 37.5px例如：设计稿640px宽度，那么1rem = （640/20）rpx = 32px微信小程序px与rpx换算rpx是微信小程序中css的尺寸单位，可以根据屏幕宽度进行自适配。规定屏幕宽度为750px，譬如iphone6，屏幕宽度为375px，共有750个物理像素，则1rpx = 0.5px。设备rpx换算px：屏幕宽度/750，px换算成rpx:750/屏幕宽度；iPhone5 1rpx = 0.42px 　　 1px = 2.34px ；iPhone6 1rpx = 0.5px 　　　　1px = 2rpx ；iPhone6s 1rpx = 0.552px 　　 1px = 1.81rpx；

微信小程序及UNI-APP修改SWIPER轮播DOT指示点样式 微信小程序及UNI-APP修改SWIPER轮播DOT指示点样式微信开发者工具>调试>调试微信开发者工具在控制台输入在弹出的框里找到相应节点希望能帮到你/* wx-swiper-dots wx-swiper-dots-horizontal */ // 没有滑动到的style wx-swiper .wx-swiper-dot{ width: 27px; border-radius: 10rpx; height: 6px; } // 滑动到的style wx-swiper .wx-swiper-dot-active{ width: 27px; height: 6px; border-radius: 10rpx; }

Vue 银行卡号 每4位补一个空格 vue 隔四个字符加一个空格效果图输入方式进行格式化代码: <el-form-item label="测试" prop="test"> <el-input v-model="queryParams.test" placeholder="测试" clearable :maxlength="23" size="small" /> </el-form-item>watch监听 watch: { ['queryParams.test'](val) { this.$nextTick(() => { this.queryParams.test = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& '); console.log('数字是多少:', this.queryParams.test,val) }); } },展示直接格式化{{ item.name.replace(/(\d{4})(?=\d)/g, '$1 ') }}