vue中v-if 不重新渲染组件的问题
自遇: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="唯一标识">
更多推荐
已为社区贡献1条内容
所有评论(0)