vue中使用lodash的debounce(防抖函数) 吴小明

1、安装

npm i --save lodash.debounce

2、引入

import debounce from 'lodash.debounce'

3、使用

<van-search v-model="searchValue" placeholder="输入姓名或工号" @input='handleInput' />

　　第一种：

    handleInput: debounce(function (val) {
      console.log(val)
    }, 200)

　　第二种：

    handleInput(val) {
      console.log(val)
    }

  created() {this.handleInput = debounce(this.handleInput, 200) // 搜索框防抖
  }

　　这两种使用方式效果一样