fix: 支付防抖
This commit is contained in:
@@ -1,28 +0,0 @@
|
||||
// 防止处理多次点击
|
||||
// methods是需要点击后需要执行的函数, info是点击需要传的参数
|
||||
export function noMultipleClicks(fn, info, delay = 2000) {
|
||||
if (typeof fn !== 'function') return;
|
||||
// this 会是组件实例(因为通过 globalProperties 调用时 Vue 会把组件实例作为上下文)
|
||||
const ctx = this || {};
|
||||
if (!ctx.__noClickMap) ctx.__noClickMap = new WeakMap();
|
||||
|
||||
const map = ctx.__noClickMap;
|
||||
if (map.get(fn)) {
|
||||
console.log('请勿重复点击:', fn.name);
|
||||
return;
|
||||
}
|
||||
|
||||
map.set(fn, true);
|
||||
// 保留组件上下文调用方法
|
||||
fn.call(ctx, info);
|
||||
|
||||
setTimeout(() => {
|
||||
map.set(fn, false);
|
||||
}, delay);
|
||||
}
|
||||
|
||||
export default {
|
||||
install(app) {
|
||||
app.config.globalProperties.$noMultipleClicks = noMultipleClicks;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user