对vux点击事件的优化详解 - 行业资讯 - 肥雀云

Vux是基于Vue和WeUI的组件库。对于应用Vux的项目因为点击绑定的是点击事件,自然也存在移动端300 ms延迟现象。我们可以用fastclick库来解决这个问题,具体步骤如下:

<强> 1,打开节点控制台,切换到自己的项目目录

<强> 2,npm安装fastclick,并将版本信息写入本地packpage。json文件

<强> 3,下载成功后,在node_modules目录下可以看见fastclick库文件夹,且在packpage.json文件里可以看见:

<强> 4,在src目录下的main.js文件加上语句即可解决延迟问题:

　　　　　　const FastClick=要求(“FastClick”); 　　FastClick.attach (document.body); 　　　　

对vux点击事件的优化详解

引用fastclick的场景不一定是在vue + webpack项目结构下,还有其他的引入场景:

<强>直接脚本引入fastclick.js文件并调用内置方法

　　　　　　& lt;脚本类型='应用程序/javascript ' src=" https://www.yisu.com/zixun/src/fastclick.js "祝辞& lt;/script> 　　　　& lt; script> 　　如果(“addEventListener”文档){ 　　文档。addEventListener (DOMContentLoaded”内,函数(){ 　　FastClick.attach (document.body); 　　},假); 　　}//如果有引入jquery库,还可以这样: 　　$(函数(){ 　　FastClick.attach (document.body); 　　})；　　& lt;/script> 　　之前　　　　

更多的引入场景及具体引入方法请参见<强> fastclick 。

以上这篇对vux点击事件的优化详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。