Vue中防抖和节流的使用

最新推荐文章于 2023-09-07 14:01:31 发布

李博的前端篇

最新推荐文章于 2023-09-07 14:01:31 发布

阅读量734

点赞数

分类专栏： Vue中使用防抖和节流文章标签：前端

本文链接：https://blog.csdn.net/m0_63498341/article/details/123776606

版权

Vue中使用防抖和节流专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、npm i lodash下载

2、在页面中引入

//指定引入节流函数（throttle:节流,debounce:防抖）
  import {throttle,debounce} from 'lodash'

3、如何使用

//节流的使用(如果你频繁的触发当前函数，那么它只会在规定的时间后去执行)
show: throttle(function (index) {
                this.count = index
            }, 50),
//防抖的使用(如果你频繁的触发当前函数，那么它只会在规定的时间后触发，只执行一次，之前的都会过滤掉)
show: debounce(function (index) {
                this.count = index
            }, 50),