​​​​​问题描述

vue + element,在列表中切换类型时控制台一直warn警告...<transition-group> children must be keyed: <ElTag>...

带着警告信息去百度搜了下问题,呈现的结果里多数指向说是因为el-select需写value-key属性,于是果断给el-select加上value-key,然而问题没解决?

此外还衍生一个小问题,如下图示,困扰了好几天。

解决方法

后面有一天在看vue的官方文档,它的风格指南里说到一个规则:没有在 v-if/v-else-if/v-else 中使用 key

究其原因,就是在相同类型的元素切换时,vue复用已有元素;要使切换时是两个元素来回切换,加上key值即可!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐