uniapp開發解決多次點擊觸發事件


1.先創建一個文件交common文件在文件下面創建一個common.js文件內容如下

// 處理多次點擊
function dianji(fn) {
    let that = this;
    if (that.onoff) {
        that.onoff = false;
        fn();
        setTimeout(function () {
            that.onoff = true;
        }, 1500)
    } else {
        //如果一直走else分支可能是你沒有在頁面的data下面掛載onoff:true,不然一直都會走else
        console.log("請稍后點擊")
    }
}
export {
    dianji
}
2.在main.js中引入然后掛載待vue原型上這樣就可以全局使用了
import { dianji } from './common/common'
Vue.prototype.$dianji = dianji;
3.使用的時候
        <view class="list-container" @click="$dianji(target)"> 
target:就是你需要觸發的函數;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM