1. New in the root directory common File and create common.js file , Copy and paste the code directly .
// Prevent processing multiple clicks
function noMultipleClicks(methods, info) {
// methods It is a function that needs to be executed after clicking , info Is to click the parameter to be transmitted
let that = this;
if (that.noClick) {
// First click
that.noClick= false;
if(info && info !== '') {
// info Is the parameter that needs to be passed to execute the function
methods(info);
} else {
methods();
}
setTimeout(()=> {
that.noClick= true;
}, 2000)
} else {
// Here is the judgment of repeated clicks
}
}
// export
export default {
noMultipleClicks,// Multiple clicks are prohibited
}
2.man.js Introduce in the file
// Configure public methods
import common from './common/common.js'
Vue.prototype.$noMultipleClicks = common.noMultipleClicks;
3. Reference... In the actual page
（1） Don't pass it on , Just pass a method directly
// Remember in data Mount in noClick:true, Otherwise, clicking will fail
data() {
return {
noClick:true,
}
},
<view class="bottom-btn-box">
<view class="submit-btn" @click="$noMultipleClicks(commitWork)"> Submit </view>
</view>
methods:{
// Submission method
commitWork(){
}
}
（2） With parameters , Just pass a method and a parameter
// Remember in data Mount in noClick:true, Otherwise, clicking will fail
data() {
return {
noClick:true,
}
},
<view class="bottom-btn-box">
<view class="pay" @click.stop="$noMultipleClicks(goPay, item)" > payment </view>
</view>
methods:{
goPay(item){
//balabala
}
}
thank