66、vue.js 添加 fastclick的支持
2019-07-27 本文已影响93人
world_7735
fastclick:处理移动端click事件300毫秒延迟。
安装:
先执行安装fastclick的命令。
npm install fastclick -D 或者 cnpm install fastclick -D
之后,在main.js中引入,并绑定到body。
import FastClick from 'fastclick'
FastClick.attach(document.body);
发现不行
尝试下面写法
new Vue({
el: '#app',
router,
store,
components: {App},
render: h => h(App),
mounted(){
FastClick.attach(document.body); // 加载完毕调用
}
})
package.json 安装之后会有
"devDependencies": {
"fastclick": "^1.0.6",
}
why use fastclick
?
在移动端H5开发过程中,关于点触可能会遇到如下两个问题:
1、手动点击与真正触发click事件会存在300ms的延迟(ios上面最明显)
2、点击穿透问题(点击行为会穿透元素触发非父子关系元素的事件)