1. 程式人生 > >vux 點選事件進行優化

vux 點選事件進行優化

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>