【vue】利用定时器对输入框进行实时搜索的优化

data() {
   return {
       loading, timeout, result 
    }
}

handleResult() {

}

async remoteMethod(query) {
      // 若输入非空
      if (query !== '') {
        this.loading = true
        try {
          clearTimeout(this.timeout)
          this.timeout = setTimeout(async () => {
            const result = await searchSomething({
              ...your_query_params
            })
            this.result = result
            this.handleResult(result)
            this.loading = false
          }, 300)
        } catch {
          this.loading = false
        }
      } else {
        this.loading = false
        this.result = []
        return
      }
    },