这里我们用到了Lodash库实现
中文文档地址: https://www.lodashjs.com/
1:安装 (网络不好的推荐使用cnpm)
yarn add lodash
npm install lodash --save
cnpm install lodash --save
2:引入
import _ from "lodash"
3:使用
这里我就拿最常见到的防抖例子给你举例子 .trim:去掉输入框的首位空格
<input type="text" v-model.trim="value" @input="search">
_.debounce:是函数里的防抖函数 你们可以看着Lodash中文文档
const search = _.debounce(function(){
...../你的逻辑/
},1000)
节流:通常发生在点击的情况下 _.throttle:是节流函数
const btnClick = _.throttle(function(){
console.log('节流');
},2500)
vue3的防抖节流实现
于 2022-03-14 14:20:37 首次发布