手机版

vux点击事件优化详解

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

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或者邮箱删除。