天天看點

vux 點選事件進行優化

Vux是基于Vue和WeUI的UI元件庫。對于應用vux的項目因為點選綁定的是click事件,自然也存在移動端300ms延遲情況。我們可以用fastclick庫來解決這個問題,具體步驟如下: 

這裡以vue+webpack項目目錄為例: 

vux 點選事件進行優化

安裝方法:npm install fastclick --save-dev

vux 點選事件進行優化

npm安裝完fastclick 後,本地package.json 檔案中顯示已安裝的版本号資訊:

vux 點選事件進行優化

在入口檔案main.js中引入fastclick

vux 點選事件進行優化

也可以直接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>