Bootstrap

vue中v-if 不重新渲染组件的问题

自遇:
tab切换,使用v-if,v-else来对自定义组件进行渲染,渲染的两个组件是一样的,但是数据,样式不同;v-if是根据tab切换的下标判断

结果:
只会渲染第一个,另一个切换后不渲染

原因:
可能是Vue识别到的是相似组件(高度相似甚至相同),所以就不会更新元素

方案:
使用key对两个组件进行标识

<组件 v-if="" :key="唯一标识">
<组件 v-else :key="唯一标识">
;