输入框input搜索或自动保存防抖

封装一个防抖方法

const Debounce = (func, wait) => {
  let timeout;
  return function () {
      let context = this;
      let args = [].slice.call(arguments);
      if (timeout) {
          clearTimeout(timeout)
      }
      timeout = setTimeout(()=>{
          func.apply(context,args);
      },wait)
  }
};

在vue中使用

<template>
  <div class="wrap">
    <input
      placeholder="请输入"
      v-model="equipAlias"
      @input="changeAlias"
    ></md-input-item>
  </div>
</template>

<script>
export default {
    methods: {
	    changeAlias:Debounce(function() {
			console.log('修改或搜索成功')
	    },2000),
	}
}
</script>