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

场景

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

原因分析

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

解决

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

相关推荐
用户97141718142712 小时前
JavaScript 数组方法完全指南
javascript·面试
社恐的下水道蟑螂12 小时前
从 JS 单线程到 Promise:彻底搞懂异步编程的 "同步化" 魔法
前端·javascript
Mrk13 小时前
Vue3 渲染器源码实现
vue.js
晴殇i13 小时前
《效率翻倍!12个被90%前端忽视的CSS神技》
前端·css·面试
重铸码农荣光13 小时前
从回调地狱到优雅异步:Promise 带你吃透 JS 异步编程核心
vue.js·promise
NiKo_W13 小时前
Linux 重定向与Cookie
linux·运维·服务器·前端·网络·线程·协议
Mr_汪13 小时前
离线工程集成其他推送
前端
惜茶13 小时前
使用前端框架vue做一个小游戏
前端·vue.js·前端框架
普通码农13 小时前
Vue 3 接入谷歌登录 (小白版)
前端·vue.js
Ric97013 小时前
Object.fromEntries 实操
前端