js高級技巧之函數節流

• 項目中最多用的地方就是輸入框搜索，不可能說每次用戶輸入一個字就向後端發送搜索請求，下面見代碼：

<el-input v-model="input" @change='search' placeholder="請輸入內容"></el-input>

<script>
export default {
  data() {
    return {
      input: '',
      timeOutId: ''
    }
  },
  methods: {
      search () {
          let that = this;
          clearTimeout(this.timeOutId);
          this.timeOutId = setTimeout(() => {
              that.doAjax(this.input);
          }, 100);
      },
      doAjax (data){}
  }
}
</script>

• 第二場景就是窗口的變化，隨這窗口變化，會作一些頁面的操做，例如重回echarts圖表