vux 點選事件進行優化
阿新 • • 發佈:2018-11-26
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>