Vux是基于Vue和WeUI的UI元件庫。對于應用vux的項目因為點選綁定的是click事件,自然也存在移動端300ms延遲情況。我們可以用fastclick庫來解決這個問題,具體步驟如下:
這裡以vue+webpack項目目錄為例:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiclRnblN0LclHdpZXYyd2LcBzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CX90TUPVzZU1ENnRUT4FEVkZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39DM2MDMxEjM5ADNxETM3EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
安裝方法: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.οnlοad=function(){
FastClick.attach(document.body);
};
</script>