小程序搜索框防抖

日常

多次触发事件，只执行一次

data中定义定时器timer，input事件中添加防抖

   <view class="inp">
     <input type="text" placeholder="请输入" class="inp1" v-model="word" @input="onInput">
   </view>


    data() {
      return {
         timer:null   //定时器的名称 值是null，null就是空
         search:""    //关键字
      };
    },

    methods:{
      onInput(val){
        // 不管怎么样先清楚一次定时器
        clearTimeout(this.timer)
        // 重启一个定时器，赋值给timer
        this.timer=setTimeout(()=>{
          // 如果在500毫秒内，没有输入新的关键词，就会触发下面的方法为搜索框赋值
          this.search= val
          this.getSearchList()
        },500)
      },
     }