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

场景

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

原因分析

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

解决

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

相关推荐
哈__几秒前
极空间部署 Spug:集中管理主机、批量执行脚本与 Web 终端
前端
Web - Anonymous4 分钟前
Vue3 + Element Plus 集成 JSON Editor 实现实时校验 JSON 编辑器(高亮/暗亮主题/分栏回显/组件复用) - 附完整示例
vue.js·编辑器·json
Virony9 分钟前
React基础知识
前端·react.js·前端框架
Hilaku14 分钟前
外包前端和大厂前端,写的代码到底有什么本质区别?
前端·javascript·程序员
liangshanbo121524 分钟前
React Hooks 为什么不能在条件分支/循环中调用?
前端·react.js·前端框架
豆角焖肉31 分钟前
Layui+Layer 弹出层实现 CRUD:AJAX 无刷新新增修改删除后台实战
前端·ajax·layui
wordbaby31 分钟前
npm / yarn / pnpm:别再靠感觉选了
前端·前端工程化
sunphp开发者33 分钟前
制作手绘地图瓦片切图
前端·uni-app
尤水就下40 分钟前
聊聊 Prompt 是怎么一路进化到 Harness 的
前端·人工智能·ai编程
李溪白41 分钟前
深入 JavaScript 作用域:从变量提升到执行上下文的底层逻辑
前端