移动端开发点击按钮后出现闪烁的结局方法

最近用vue.js开发移动端控件时，发现当点击按钮出发v-if时，总会出现按钮瞬间的闪动和黑色的背景，体验很差，最后发现解决问题的方法十分简单，就是给点击按钮添加一个css属性：-webkit-tap-highlight-color:transparent;前端开发总有坑，坑一次就会进步一次！与开发者共勉！

小羊说前端

1909人浏览 · 2017-08-05 15:35:59

小羊说前端 · 2017-08-05 15:35:59 发布

最近用vue.js开发移动端控件时，发现当点击按钮出发v-if时，总会出现按钮瞬间的闪动和黑色的背景，体验很差，最后发现解决问题的方法十分简单，就是给点击按钮添加一个css属性：

-webkit-tap-highlight-color:transparent;

前端开发总有坑，坑一次就会进步一次！

与开发者共勉！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^