使用lodash 中debounce()解决防抖

1.首先了解一下什么是防抖?

可以把防抖想向成打游戏时候的“回城”,即一段时间内只触发一次,如果再次点击就会重新计时。

2.lodash中的debounce函数怎么用?

2.1下载:

yarn add lodash 或者
npm i lodash

2.2 按需导入

import {debounce}  from 'lodash'

2.3使用debounce函数

watch: {
    searchTitle: {
      handler: debounce(function (val) {
        // 传入要侦听的关键字
        this.getSugs(val)
      }, 1000), // 绑定一个防抖的函数
      // 搜索框发生变化立即侦听
      immediate: true
    }


版权声明:本文为weixin_48010432原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。