美文网首页Vue专题
66、vue.js 添加 fastclick的支持

66、vue.js 添加 fastclick的支持

作者: world_7735 | 来源:发表于2019-07-27 09:57 被阅读93次

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

    相关文章

      网友评论

        本文标题:66、vue.js 添加 fastclick的支持

        本文链接:https://www.haomeiwen.com/subject/cjysrctx.html