vue 节流

vue 节流

说明：这里简单的列举一个搜索的节流案例

<template>
    <div>
      <input v-model="keyword" type="text" placeholder="输入城市名或拼音">
    </div>
</template>

export default {
  data () {
    return {
      keyword: '',
      timer: null
    }
  },
  watch: {
    keyword () {
      if (this.timer) {
        clearTimeout(this.timer)//阻止setTimeout函数的执行
        }
      this.timer = setTimeout(() => {
      //这里编写需要执行的函数
      }, 100)
  }
}