vue中使用loadsh实现防抖功能及处理各种数据

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

panda329

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

阅读量466

点赞数

本文链接：https://blog.csdn.net/panda329/article/details/118018308

版权

在Vue项目中，通过引入lodash库实现了防抖功能，以优化下拉选择框多选后的请求策略。当用户完成选择且停止操作后，延迟一段时间再发送请求，避免频繁调用。此外，还展示了如何使用lodash处理各种数据，包括提取对象属性值形成新数组、获取数组对象中特定key的最大值以及按key排序的操作。

摘要由CSDN通过智能技术生成

vue中实现防抖功能

准备工作

项目中安装lodash，命令如下：
npm i --save lodash

引入到自己是需要使用的vue文件里面：
import _ from ‘lodash’

下拉选择框使用的是elementUI，可多选，但选择完后没确定按钮，选完后就需要直接请求。
此时就需要使用到防抖，防止反复请求，在用户选择完不再点击的时候过几秒才开始请求

<el-select
	:ref="`roleMultiSelect`"
	v-model="roleUsers"
	filterable
	collapse-tags
	multiple
	placeholder="请选择角色"
	@change=

关注