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

场景

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

原因分析

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

解决

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

相关推荐
qq_2461000530 分钟前
CSDN risk probe 1773588273
开发语言·javascript·ecmascript
ByteCraze37 分钟前
Vue 递归组件实战:手写一个文件/文件夹树形组件
javascript·vue.js·ecmascript
前端Hardy1 小时前
前端如何防止用户重复提交表单?4 种可靠方案(附防坑指南)
前端·javascript·面试
前端Hardy1 小时前
用户真的关掉页面了吗?前端精准检测页面卸载的 4 种方法(附避坑指南)
前端·javascript·面试
yangyanping201081 小时前
Vue入门到精通七之关键字const
前端·javascript·vue.js
姝然_95271 小时前
Jetpack Compose 绘制流程与自定义布局
前端
lxh01131 小时前
重复的DNA序列
开发语言·javascript·ecmascript
姝然_95271 小时前
Jetpack Compose Brush 渐变
前端
阿鑫_9961 小时前
通用-ESLint+Prettier基础知识
前端·后端
ai超级个体1 小时前
金三银四,一个面试官连连夸赞的个人网页技术分享
前端·面试·three.js·threejs·网页设计·网页灵感·网页分享