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

场景

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

原因分析

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

解决

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

相关推荐
网络点点滴7 分钟前
Vue3 全局API转移到应用对象
前端·javascript·vue.js
波哥学开发9 分钟前
基于 OPFS 的前端缓存实践:图片与点云数据的本地持久化
前端
whuhewei11 分钟前
useCountDown (React Hooks)倒计时
前端·javascript·react.js
DanCheOo11 分钟前
流式输出:让 AI 回复像 ChatGPT 一样打字机效果
前端·全栈
HelloReader12 分钟前
Qt Quick 布局Positioners、Anchors 与 Layouts(九)
前端
HelloReader13 分钟前
Qt 信号与槽对象通信的核心机制(十)
前端
终端鹿16 分钟前
插槽(slot):默认插槽、具名插槽、作用域插槽实战
前端·javascript·vue.js
千百元17 分钟前
HBuilderX蓝牙功能打包有BUG
前端