vue项目input框使用lodash的debounce防抖
1、安装lodash工具
npm install lodash
2、引入
import _ from 'lodash'
3、使用debounce处理防抖
// template
<el-input placeholder="请输入名称" v-model="key" @input="handleInput"> </el-input>methods:{handleInput: _.debounce(async function() {// 调用this.fetchBsnPlanBList()}, 2000),
}
4、lodash工具库，内部还封装了很多字符串、数组、对象等常见数据类型的处理函数。
// 1.chunk 拆分数组
const arr = [1,2,3,4,5,6];
_.chunk(arr,2);
=>[[1,2],[3,4,],[5,6]]//2、compact 数组过滤空值
const arr = ['1','2','',0]
_.compact(arr)
=>['1','2']
......