【andv】a-select 多条数据重复(搜索无效)的问题:

文章目录


一、问题:

1.下拉搜索没有效果,点击选项也是不生效的

2.[Vue warn]: Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'key')

3.[Vue warn]: Duplicate keys detected: 'xxx'. This may cause an update error.

二、分析:
三、解决:
【1】key值用index,value用某个属性+index 也可以用随机数啥的代替,反正保证数据不一致就行了 ;
【2】注意:value值加了一些东西,那么在取数据的时候要记得去掉,不然取到的就不单纯的是需要的内容了
【3】效果:
相关推荐
xixixin_几秒前
【HTML】在页面中画一条0.5px的线
前端·css·uni-app·html·css3
前端小巷子2 分钟前
深入 Vue 的 nextTick
前端·vue.js·面试
JefferyXZF8 分钟前
Next.js 15 数据获取指南:掌握服务器组件与客户端数据流(七)
前端·全栈·next.js
Derek_Smart26 分钟前
搞一个小轮子:基于Spring Boot与Vue的Web版SQL执行工具设计与实现
vue.js·spring boot·postgresql
王柏龙29 分钟前
css 属性@font-face介绍
前端·css
羊锦磊29 分钟前
[ HTML 前端 ] 语法介绍和HBuilderX安装
java·开发语言·前端·html
鸢栀w31 分钟前
前端css学习笔记5:列表&表格&背景样式设置
前端·css·笔记·学习
&白帝&36 分钟前
Uniapp 自定义头部导航栏
前端·javascript·uni-app
掘金安东尼36 分钟前
TypeScript条件类型与infer构建类型安全的fetch
前端·javascript·typescript
领创工作室44 分钟前
npm介绍,指令合集,换源指令
前端·npm·node.js