vue中使用防抖

先在公用方法函数里 定义

function VueDebounce(fnName, time) {
  let timeout = null;
  return function() {
    if (timeout) {
      clearTimeout(timeout);
    }
    timeout = setTimeout(() => {
      this[fnName]();
    }, time);
  };
}

然后在组件里引用该方法 并使用

methods: {
   /* 预览图片(防抖处理后) */
  previewImageDebounce: VueDebounce("previewImage", 1000),
  /* 预览图片 */
  previewImage() {......}
}