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

场景

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

原因分析

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

解决

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

相关推荐
答案answer16 小时前
一些经典的3D编辑器开源项目
前端·开源·three.js
亿元程序员17 小时前
Creator都快4.0了,怎么能没有这样的功能?
前端
q***649717 小时前
SpringMVC 请求参数接收
前端·javascript·算法
万少17 小时前
流碧卡片 6 小时闪电开发 AI gemini-3-pro-preview ! 秒出小红书爆款图,免下载直接用
前端·后端·ai编程
悟能不能悟17 小时前
<style scoped>vue中怎么引用css文件
css·vue.js
向葭奔赴♡17 小时前
若依系统权限控制全流程解析
前端·javascript·vue.js·ruoyi·navicat
IT_陈寒17 小时前
Python开发者必知的5个高效技巧,让你的代码性能提升50%
前端·人工智能·后端
u***u68517 小时前
Vue虚拟现实案例
前端·vue.js·vr
q***965817 小时前
springboot3整合knife4j详细版,包会!(不带swagger2玩)
android·前端·后端
艾小码17 小时前
Vue 3 defineProps 与 defineEmits 深度解析
前端·javascript·vue.js