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

场景

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

原因分析

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

解决

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

相关推荐
We་ct1 分钟前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·leetcode·链表·typescript
Wect16 分钟前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·typescript
Wect17 分钟前
LeetCode 138. 随机链表的复制:两种最优解法详解
前端·算法·typescript
像颗糖20 分钟前
OpenSpec 和 Spec-Kit 踩了 27 个坑之后,于是我写了个 🔥SuperSpec🔥 一次性填平
前端·后端
Jing_Rainbow22 分钟前
【React-10/Lesson94(2026-01-04)】React 性能优化专题:useMemo & useCallback 深度解析🚀
前端·javascript·react.js
白中白1213827 分钟前
Vue系列-3
前端·javascript·vue.js
沛沛老爹27 分钟前
Vue3+TS实战:基于策略模式的前端动态脱敏UI组件设计与实现
前端·ui·vue3·数据安全·策略模式·动态渲染·前端脱敏
陈随易34 分钟前
CDN的妙用,隐藏接口IP,防DDOS攻击
前端·后端·程序员
明月_清风35 分钟前
单点登录(SSO)在前端世界的落地形态
前端·安全
九丝城主38 分钟前
1V1音视频对话2--Web 双浏览器完整通话测试(强制 relay)
前端·音视频