el-input输入内容1秒后查询

在日常开发中有输入框输入内容后，等待1秒再进行查询，封装一个函数。

js代码部分

/**
 * 自定义的ref，实现属性和内部变量的数据转换
 * @param { object } value input输入的内容
 * @param { number } duration 延迟刷新的时间，单位：毫秒，默认：0
 * @param { function } func 外部传入的查询函数，不可传值
 * @returns 自定义的ref
 */
export const eldebounceRef = (value, duration = 1000, func = null) => {
    let timer;
    return customRef((track, trigger) => {
        return {
            get() {
                // 依赖收集
                track();
                return value;
            },
            set(val) {
                clearTimeout(timer);
                // 派发更新
                trigger();
                value = val
                timer = setTimeout(() => {
                    if (func != null) {
                        func()
                    }
                }, duration)
            }
        }
    })
}

使用：