vux 点击事件进行优化

最新推荐文章于 2025-06-02 09:03:20 发布

原创最新推荐文章于 2025-06-02 09:03:20 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vux #fastclick

Vue 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在基于Vue和WeUI的UI组件库Vux中使用FastClick库解决移动端点击300ms延迟的问题。通过安装FastClick并将其引入到项目的入口文件main.js中，可以有效提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

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

也可以直接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.onload=function(){
    FastClick.attach(document.body);
};
</script>