1.新建common文件并創(chuàng)建common.js文件

// 防止處理多次點擊function noMultipleClicks(methods, info) {// methods是需要點擊后需要執(zhí)行的函數(shù)， info是點擊需要傳的參數(shù)let that = this;if (that.noClick) {// 第一次點擊that.noClick= false;if(info && info !== '') {// info是執(zhí)行函數(shù)需要傳的參數(shù)methods(info);} else {methods();}setTimeout(()=> {that.noClick= true;}, 2000)} else {// 這里是重復點擊的判斷}}//導出export default {noMultipleClicks,//禁止多次點擊}

二、man.js文件引入

//配置公共方法 import common from './common/common.js' Vue.prototype.$noMultipleClicks = common.noMultipleClicks;

三、頁面中使用

//記得在data中掛載 noClick:truedata() {return {noClick:true,}},<view class="bottom-btn-box"><view class="pay" @click.stop="$noMultipleClicks(goPay, item)" >支付</view></view>methods:{goPay(item){//balabala} }

總結(jié)

以上是生活随笔為你收集整理的uniapp防抖操作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。