1.uniapp代码
<uv-button type="primary" text="提交" customStyle="margin-top: 10px;" @click="$noMultipleClicks(submit)"></uv-button>
2.创建nuer.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; }, 5000) } else { // 这里是重复点击的判断 } } //导出 export default { noMultipleClicks,//禁止多次点击 }
3.将nuer.js文件全局引入main.js
//配置公共方法
import common from './common/nuer.js'
Vue.prototype.$noMultipleClicks = common.noMultipleClicks;
注意:在单页面中使用需要在data中添加属性noClick: true