vue.jsv-if 的key值问题

 

 

最近的项目前端使用vue+elementUI在做,当使用v-if来判断显示元素时，会报错

[Vue warn]: Error in render: "TypeError: l.$scopedSlots.default is not a function"

这是因为在v-for或者v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现复用的情况。而原本这些标签每一个都是独立的，故，需要添加key来做区分。

所以解决方案就是给每个v-if加:key
或者v-if改成v-show