天天看点

vux 点击事件进行优化

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

这里以vue+webpack项目目录为例: 

vux 点击事件进行优化

安装方法:npm install fastclick --save-dev

vux 点击事件进行优化

npm安装完fastclick 后,本地package.json 文件中显示已安装的版本号信息:

vux 点击事件进行优化

在入口文件main.js中引入fastclick

vux 点击事件进行优化

也可以直接script引入

<script type='application/javascript' src='./static/fastclick.js'></script>

<script>
if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
}

window.οnlοad=function(){
    FastClick.attach(document.body);
};
</script>