适用于ts的防抖方法，防止打包编译报错

最新推荐文章于 2024-07-21 18:22:34 发布

梦落飞雪

最新推荐文章于 2024-07-21 18:22:34 发布

阅读量659

点赞数

文章标签： typescript vue

本文链接：https://blog.csdn.net/qq_39157025/article/details/131181853

版权

<van-search
  clearable
  :modelValue="searchValue"
  @update:modelValue="changeSearchValue"
  placeholder="请输入搜索关键词"
/>

const searchValue = ref('');
let changeSearch = (value: string) => {
  searchValue.value = value;
  // 值变化时处理逻辑
};
/**
 * 防抖函数
 */
let debounce = (fn: Function, delay: number) => {
  let timer:NodeJS.Timeout;
  const func = function () {
    if(timer) clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(func, arguments);
    }, delay);
  };
  return func
};
let changeSearchValue = debounce(changeSearch, 500);