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

场景

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

原因分析

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

解决

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

相关推荐
进击的尘埃10 分钟前
GPU 合成层炸了,页面白屏——从 will-change 滥用聊到层爆炸的治理
javascript
葡萄城技术团队10 分钟前
Playwright 官方推荐的 Fixture 模式,为什么大厂架构师却在偷偷弃用?
前端
newbe3652412 分钟前
ImgBin CLI 工具设计:HagiCode 图片资产管理方案
前端·后端
bluceli14 分钟前
CSS Scroll Snap:打造丝滑滚动体验的利器
前端·css
www_stdio15 分钟前
深入理解 React Fiber 与浏览器事件循环:从性能瓶颈到调度机制
前端·react.js·面试
工边页字20 分钟前
LLM 系统设计核心:为什么必须压缩上下文?有哪些工程策略
前端·人工智能·后端
嚣张丶小麦兜28 分钟前
react的理解
前端·react.js·前端框架
重庆穿山甲32 分钟前
身份证照片自动裁剪(OpenCV 四边形检测 + 透视矫正)
前端·后端
跟着珅聪学java32 分钟前
Electron + Vue 现代化“新品展示“和“快捷下单“菜单
开发语言·前端·javascript