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

场景

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

原因分析

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

解决

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

相关推荐

  1. mysql GROUP BY 语句处理

    2024-03-24 22:14:01       7 阅读
  2. vue2使用elementUI

    2024-03-24 22:14:01       37 阅读
  3. Vue transition使用

    2024-03-24 22:14:01       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-24 22:14:01       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-24 22:14:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-24 22:14:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-24 22:14:01       20 阅读

热门阅读

  1. docker构建镜像命令

    2024-03-24 22:14:01       17 阅读
  2. Spring Data访问Elasticsearch----响应式Reactive存储库

    2024-03-24 22:14:01       19 阅读
  3. mac上系统偏好里无法停止mysql

    2024-03-24 22:14:01       22 阅读
  4. 1823. Find the Winner of the Circular Game

    2024-03-24 22:14:01       18 阅读
  5. 【python】(09)理解Python中的zip()和zip(*iterable)

    2024-03-24 22:14:01       21 阅读
  6. 力扣刷题之20.有效的括号

    2024-03-24 22:14:01       18 阅读
  7. 2024.03.08 校招 实习 内推 面经

    2024-03-24 22:14:01       18 阅读
  8. ubuntu20.04 安装ros1

    2024-03-24 22:14:01       22 阅读
  9. Linux权限理解

    2024-03-24 22:14:01       18 阅读