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

场景

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

原因分析

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

解决

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

相关推荐
Hello.Reader5 小时前
Flink 文件系统通用配置默认文件系统与连接数限制实战
vue.js·flink·npm
wuhen_n5 小时前
JavaScript内置数据结构
开发语言·前端·javascript·数据结构
大鱼前端5 小时前
为什么我说CSS-in-JS是前端“最佳”的糟粕设计?
前端
不爱吃糖的程序媛5 小时前
Capacitor:跨平台Web原生应用开发利器,现已全面适配鸿蒙
前端·华为·harmonyos
AC赳赳老秦5 小时前
2026国产算力新周期:DeepSeek实战适配英伟达H200,引领大模型训练效率跃升
大数据·前端·人工智能·算法·tidb·memcache·deepseek
CHU7290355 小时前
淘宝扭蛋机抽盒小程序前端功能解析:解锁趣味抽盒新体验
前端·小程序
-凌凌漆-6 小时前
【npm】npm的-D选项介绍
前端·npm·node.js
鹿心肺语6 小时前
前端HTML转PDF的两种主流方案深度解析
前端·javascript
海石6 小时前
去到比北方更北的地方—2025年终总结
前端·ai编程·年终总结
一个懒人懒人6 小时前
Promise async/await与fetch的概念
前端·javascript·html