使用lodash 中debounce()解决防抖

最新推荐文章于 2024-05-22 16:08:16 发布

Hello^_^Monkey

最新推荐文章于 2024-05-22 16:08:16 发布

阅读量9.9k

点赞数 2

分类专栏： vue 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_48010432/article/details/122331026

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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
    }