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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章