【vue warn】报错日记之＜transition-group＞ children must be keyed: ＜ElTag＞

​​​​​问题描述

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值即可！