时间:2021-05-18
Vux是基于Vue和WeUI的组件库。对于应用vux的项目因为点击绑定的是click事件,自然也存在移动端300ms延迟现象。我们可以用fastclick库来解决这个问题,具体步骤如下:
这里以vue+webpack项目目录为例:
1、打开node控制台,切换到自己的项目目录
2、npm安装fastclick,并将版本信息写入本地packpage.json文件
3、下载成功后,在node_modules目录下可以看见fastclick库文件夹,且在packpage.json文件里可以看见:
4、在src目录下的main.js文件加上语句即可解决延迟问题:
const FastClick = require('fastclick');FastClick.attach(document.body);引用fastclick的场景不一定是在vue+webpack项目结构下,还有其他的引入场景:
直接script引入fastclick.js文件并调用内置方法
<script type='application/javascript' src='./src/fastclick.js'></script><script>if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false);}// 如果有引入jquery库,还可以这样:$(function() { FastClick.attach(document.body);});</script>更多的引入场景及具体引入方法请参见fastclick。
以上这篇对vux点击事件的优化详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AndroidButton的基本用法详解Button的Click点击事件处理:mButtonBack.setOnClickListener(newOnClick
IOSUITableViewCell详解及按钮点击事件处理今天突然做项目的时候,又遇到处理自定义的UITableViewCell上按钮的点击事件问题。我知道有两
详解微信流量主点击平台对网站的影响!我们在做seo优化的时候,可能会遇到很多问题,我们要知道,网站里面微信流量主点击平台页面过多时有害的,微信流量主点击平台其实
最近想用vue+vux写一个项目,于是到vux的官网看了文档开始着手搭建项目,但是遇到一些坑。下面简单说下安装vux的过程。默认已安装vue环境1.安装vuxn
javascript中事件冒泡和事件捕获机制的详解二者作用:描述事件触发时序问题事件捕获:从document到触发事件的那个节点,即自上而下的去触发事件---由