vue 移动端 fastClick

vue项目引用fastclick

npm指令

1	npm install fastclick -D 或者 cnpm install fastclick -D

然后在main.js写上

1 2 3 4 5 6 7 8

import FastClick from 'fastclick'； FastClick.attach(document.body)；    package.json 安装之后会有    "devDependencies": {  "fastclick": "^1.0.6", }

 

 

 

 

why use `fastclick`?

 

 

在移动端H5开发过程中，关于点触可能会遇到如下两个问题：

1、手动点击与真正触发click事件会存在300ms的延迟（ios上面最明显）

详细地址： https://www.jianshu.com/p/05b142d84780 （fastcLICK解析）

2、点击穿透问题（点击行为会穿透元素触发非父子关系元素的事件）

 

FASTClICK的bug:

https://blog.youkuaiyun.com/a460550542/article/details/86508586

https://segmentfault.com/a/1190000010488530(

Vue.js 移动端 Web App 点击穿透问题解决方案

)