對vux點擊事件的優(yōu)化詳解
Vux是基于Vue和WeUI的組件庫。對于應(yīng)用vux的項目因為點擊綁定的是click事件,自然也存在移動端300ms延遲現(xiàn)象。我們可以用fastclick庫來解決這個問題,具體步驟如下:
這里以vue+webpack項目目錄為例:
1、打開node控制臺,切換到自己的項目目錄
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項目結(jié)構(gòu)下,還有其他的引入場景:
直接script引入fastclick.js文件并調(diào)用內(nèi)置方法
<script type='application/javascript' src='./src/fastclick.js'></script> <script> if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); } // 如果有引入jquery庫,還可以這樣: $(function() { FastClick.attach(document.body); }); </script>
更多的引入場景及具體引入方法請參見fastclick。
以上這篇對vux點擊事件的優(yōu)化詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue router總結(jié) $router和$route及router與 router與route區(qū)別
這篇文章主要介紹了vue router總結(jié) $router和$route及router與 router與route區(qū)別,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-07vue微信分享的實現(xiàn)(在當(dāng)前頁面分享其他頁面)
這篇文章主要介紹了vue微信分享,在當(dāng)前頁面分享其他頁面,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-04-04