vue项目input框使用lodash的debounce防抖

fanyanjiang

于 2024-05-22 16:08:16 发布

阅读量334

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/fanyanjiang/article/details/139122412

版权

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']
......