溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Vux是基于Vue和WeUI的組件庫。對于應用vux的項目因為點擊綁定的是click事件，自然也存在移動端300ms延遲現象。我們可以用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項目結構下,還有其他的引入場景：
直接script引入fastclick.js文件并調用內置方法
<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點擊事件的優化詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
