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

场景

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

原因分析

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

解决

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

相关推荐
weixin_436525079 分钟前
若依多租户版: 页面新增菜单, 执行菜单SQL
前端·数据库·sql
FITA阿泽要努力17 分钟前
Agent Engineer-Day 1 初始智能体与大语言模型基础
java·前端·javascript
霸王蟹19 分钟前
Uni-app 跨端开发框架Unibest快速体验
前端·笔记·微信·uni-app·unibest
zihan032120 分钟前
element-plus, el-table 表头按照指定字段升降序的功能实现
前端·vue.js·状态模式
三翼鸟数字化技术团队24 分钟前
watchEffect的两种错误用法
前端·javascript·vue.js
局外人LZ27 分钟前
Decimal.js 完全指南:解决前端数值精度痛点的核心方案
开发语言·前端·javascript
飘若随风41 分钟前
JS学习系列-01-什么是JS
开发语言·javascript·学习
摘星编程1 小时前
OpenHarmony环境下React Native:hitSlop热区扩展配置
javascript·react native·react.js
郑州光合科技余经理1 小时前
同城配送调度系统实战:JAVA微服务
java·开发语言·前端·后端·微服务·中间件·php
css趣多多1 小时前
动态路由,路由重置,常量路由,$ref,表单验证流程
开发语言·javascript·ecmascript