问题描述
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值即可!