Vue专题

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、点击穿透问题(点击行为会穿透元素触发非父子关系元素的事件)

上一篇下一篇

猜你喜欢

热点阅读