1、在根目录下新建 common 文件并创建 common.js 文件,代码如下:
function noMultipleClicks(methods, info) {
let that = this;
if (that.noClick) {
that.noClick= false;
if((info && info !== '') || info ==0) {
methods(info);
} else {
methods();
}
setTimeout(()=> {
that.noClick= true;
}, 2000)
} else {
}
}
export default {
noMultipleClicks,
}
2、man.js 文件引入
// 配置公共方法
import common from './common/common.js'
Vue.prototype.$noMultipleClicks = common.noMultipleClicks;
3、在实际页面中引用,不带参数(直接传一个方法就行)
<view class="bottom-btn-box">
<view class="submit-btn" @click="$noMultipleClicks(commitWork)">提交1</view>
</view>
data() {
return {
//记得在data中挂载 noClick:true
noClick:true,
}
},
methods:{
commitWork(){
//balabala
}
}
4、在实际页面中引用,带参数(传一个方法和一个参数就行)
<view class="bottom-btn-box">
<view class="pay" @click.stop="$noMultipleClicks(goPay, item)" >提交2</view>
</view>
data() {
return {
//记得在data中挂载 noClick:true
noClick:true,
}
},
methods:{
goPay(item) {
console.log(item)
//balabala
}
}
ending~