關(guān)于vue項目中搜索節(jié)流的實現(xiàn)





























我們經(jīng)常會遇到這種需求，現(xiàn)在我們在使用百度搜索的時候他們的思想也是
根據(jù)防抖節(jié)流而實現(xiàn)的，至于用防抖還是節(jié)流根據(jù)自己需求。

<template>
 <input type="text"   v-model.trim="sse">
</template>
<script>
const delay = (function () {
  let timer = 0
  return function (callback, ms) {
    clearTimeout(timer)
    timer = setTimeout(callback, ms)
  }
})()
export default {
    name :  'search',
    watch : {
        sse () {
     delay(() => {
        this.search()
      }, 500)
},
methods ：{
    search () {
        this.$axios
          .get([url])
          .then(response => {
            // success
          })
          .catch(error => {
            // error
            alert('失敗！')
          })
}
}
}
}

</script>




作者：Vam的金豆之路

主要領(lǐng)域：前端開發(fā)

我的微信：maomin9761

微信公眾號：前端歷劫之路