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

场景

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

原因分析

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

解决

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

相关推荐
浏览器API调用工程师_Taylor3 分钟前
日报自动化实战:告别手动复制粘贴
前端·javascript·node.js
晴殇i8 分钟前
JavaScript还能这样写?!ES2025新语法让代码优雅到极致
前端·javascript·程序员
浏览器API调用工程师_Taylor18 分钟前
我是如何将手动的日报自动化的☺️☺️☺️
前端·javascript·爬虫
东哥很忙XH42 分钟前
flutter开发的音乐搜索app
android·javascript·flutter
前端Hardy1 小时前
HTML&CSS&JS:抖音爆火的满屏“关心弹幕”酷炫卡片,已经帮你打包好了,快来体验吧!
前端·javascript·css
江城开朗的豌豆1 小时前
我的Vue项目胖成球了!用Webpack给它狠狠瘦个身
前端·javascript
WebInfra1 小时前
Rspack 1.6 发布:让打包产物更小、更纯净
前端·javascript·前端框架
Mintopia1 小时前
⚙️ Next.js 接口限流与审计全攻略 —— 用 @upstash/ratelimit 打造优雅“闸门”
前端·javascript·全栈
Mintopia1 小时前
🌐 实时翻译 + AIGC:Web跨语言内容生成的技术闭环
前端·javascript·aigc
Cache技术分享1 小时前
225. Java 集合 - List接口 —— 记住顺序的集合
前端·后端