44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
/**
|
||
* 防抖混入
|
||
* 为Vue组件提供防抖点击功能
|
||
*/
|
||
import { debounceClick, createDebounceMethod, createDebounceMethods, clearAllDebounceStates } from '../utils/debounce.js';
|
||
|
||
export default {
|
||
methods: {
|
||
/**
|
||
* 创建防抖点击方法
|
||
* @param {string} methodName - 方法名
|
||
* @param {number} delay - 防抖延迟时间（毫秒），默认1000ms
|
||
*/
|
||
$debounceClick(methodName, delay = 1000) {
|
||
createDebounceMethod(this, methodName, delay);
|
||
},
|
||
|
||
/**
|
||
* 批量创建防抖方法
|
||
* @param {Array} methods - 方法名数组
|
||
* @param {number} delay - 防抖延迟时间（毫秒），默认1000ms
|
||
*/
|
||
$debounceMethods(methods, delay = 1000) {
|
||
createDebounceMethods(this, methods, delay);
|
||
},
|
||
|
||
/**
|
||
* 创建防抖函数
|
||
* @param {Function} func - 要防抖的函数
|
||
* @param {number} delay - 防抖延迟时间（毫秒），默认1000ms
|
||
* @param {string} key - 防抖标识符
|
||
* @returns {Function} 防抖后的函数
|
||
*/
|
||
$createDebounce(func, delay = 1000, key = null) {
|
||
return debounceClick(func.bind(this), delay, key);
|
||
}
|
||
},
|
||
|
||
beforeDestroy() {
|
||
// 组件销毁时清理防抖状态
|
||
clearAllDebounceStates();
|
||
}
|
||
};
|