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图表