自遇:
tab切换,使用v-if,v-else来对自定义组件进行渲染,渲染的两个组件是一样的,但是数据,样式不同;v-if是根据tab切换的下标判断
结果:
只会渲染第一个,另一个切换后不渲染
原因:
可能是Vue识别到的是相似组件(高度相似甚至相同),所以就不会更新元素
方案:
使用key对两个组件进行标识
<组件 v-if="" :key="唯一标识">
<组件 v-else :key="唯一标识">
自遇:
tab切换,使用v-if,v-else来对自定义组件进行渲染,渲染的两个组件是一样的,但是数据,样式不同;v-if是根据tab切换的下标判断
结果:
只会渲染第一个,另一个切换后不渲染
原因:
可能是Vue识别到的是相似组件(高度相似甚至相同),所以就不会更新元素
方案:
使用key对两个组件进行标识
<组件 v-if="" :key="唯一标识">
<组件 v-else :key="唯一标识">
道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。