1.新建common文件并創建common.js文件

// 防止處理多次點擊function noMultipleClicks(methods, info) {// methods是需要點擊后需要執行的函數， info是點擊需要傳的參數let that = this;if (that.noClick) {// 第一次點擊that.noClick= false;if(info && info !== '') {// info是執行函數需要傳的參數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} }

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。