vue2+elui报错[Vue warn]: <transition-group> children must be keyed: <ElTag>

场景

我没有使用transition-group,很明显是一个内部错误。错误触发时机是我选择了多选框的内容,点击表单重置按钮,报错。虽然重置后多选框的值都没了,但是并未显示【请选择】字段,说明value是有问题的

原因分析

表单的属性初始值都为undefined,通过watch深度监听表单对象发现,多选框对应的属性值并为重置为undefined,而是Array(n),并且各项赋值为undefined,导致报错

解决

将多选框初始值赋值为[],而不是undefined

相关推荐
GISer_Jing2 分钟前
AI驱动营销增长:7大核心场景与前端实现
前端·javascript·人工智能
星光不问赶路人11 分钟前
new Array() 与 Array.from() 的差异与陷阱
javascript·面试
T___T13 分钟前
Vue 3 做 todos , ref 能看懂,computed 终于也懂了
前端·javascript·面试
bug总结15 分钟前
vue+A*算法+canvas解决自动寻路方案
前端·vue.js·算法
cindershade15 分钟前
JavaScript 事件循环机制详解及项目中的应用
前端·javascript
王霸天16 分钟前
🚀 告别“变形”与“留白”:前端可视化大屏适配的终极方案(附源码)
前端·javascript
LYFlied21 分钟前
Vue版本演进:Vue3、Vue2.7与Vue2全面对比
前端·javascript·vue.js
PieroPC22 分钟前
Nicegui 组件放在页面中间
前端·后端
Airene28 分钟前
Vite 8 发布 beta 版本了,升级体验一下 Rolldown
前端·vite
冰暮流星30 分钟前
css3如何引入外部字体
前端·css·css3