vue项目引用fastclick

Posted pnz-bug

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目引用fastclick相关的知识,希望对你有一定的参考价值。

npm指令

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

然后在main.js写上

import FastClick from ‘fastclick‘;
FastClick.attach(document.body);
 
package.json 安装之后会有
 
"devDependencies": {
 "fastclick": "^1.0.6",
}
 
 
why use `fastclick`?
 
在移动端H5开发过程中,关于点触可能会遇到如下两个问题:

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

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

以上是关于vue项目引用fastclick的主要内容,如果未能解决你的问题,请参考以下文章

Vue —— 移动端添加 fastclick

vue.js 添加 fastclick的支持

vue.js 添加 fastclick的支持

vue.js 添加 fastclick的支持

vue 添加 fastclick的支持

vue.js 添加 fastclick的支持 处理移动端click事件300毫秒延迟