uniapp 防止按钮多次点击
vue组件的基本使用:1、创建组件构造器2、注册组件(全局,可以在多个vue实例中使用),如果注册局部组件,需要在vue实例中进行注册。3、使用组件<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" conte
·
一 : 创建global.js文件(配置同级 的 utils/global.js)
let timeout, result;
function clicks (func) {
let args = arguments;
console.log(args);
if (timeout) {
clearTimeout(timeout)
}
let callNow = !timeout
timeout = setTimeout(() => {
timeout = null;
}, 3000)
if (callNow) {
// result = func.apply(this, args) //如this指向有问题再开启 并注释下一行
result = func(...args)
}
return result
}
const global = {
clicks: clicks
}
export default global
二 : main.js
import global from './utils/global.js';
Vue.prototype.$global = global
export function createApp() {
// ...
app.config.globalProperties.$global = global;
// ...
}
三 : 使用
<button class="button" @click="$global.clicks(submit)">
<text>提交</text>
</button>
更多推荐



所有评论(0)