vux点击事件优化详解
Vux是一个基于Vue和WeUI的组件库。对于应用vux的项目,由于点击与点击事件绑定,在移动终端自然会出现300ms的延迟现象。我们可以使用fastclick库来解决这个问题,具体步骤如下:
以vue webpack项目目录为例:
1.打开节点控制台并切换到您自己的项目目录
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项目结构下,但有其他介绍场景:
直接在脚本中引入fastclick.js文件,调用内置方法
脚本类型='应用程序/javascript' src='。/src/fastclick . js '/script script if(' document . addEventListener '在文档中){ document . addEventListener(' DOMContentLoaded ',function(){ fastclick . attach(document . body);},false);}//如果引入jquery库,也可以是这样的:$(function(){ fast click . attach(document . body);});/script更多的介绍场景和具体介绍方法,请参考fastclick。
以上对vux click事件的优化详解是边肖分享的全部内容,希望能给大家更多的参考和支持。
版权声明:vux点击事件优化详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。