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

场景

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

原因分析

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

解决

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

相关推荐
陈随易11 小时前
Postman 被曝自动往 Claude Code 和 Codex 装插件
前端·后端·程序员
Dream-Y.ocean13 小时前
鸿蒙PC平台宅匠 3D 室内设计适配实战:基于 Electron 壳方案的 Three.js 双渲染引擎与参数化户型编辑器开发
javascript·3d·harmonyos
Csvn14 小时前
性能监控
前端
Highcharts.js14 小时前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
Csvn15 小时前
构建工具
前端
FRing0315 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
Java小卷16 小时前
JuanForm vs FormCreate!Vue3 表单引擎联动配置 PK!
vue.js·低代码
kyriewen17 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒18 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫18 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库