vue 状态更改怎样让页面局部渲染

问题还原根据业务需求我需要更改showFlag的状态,控制两个模块的显示隐藏,但是初始状态下渲染的模块都没有问题,但是第二次切换页面没有重新进行渲染

问题解决

z

将v-show修改为v-if,v-if会重新渲染页面,由此问题也得到解决。

v-if和v-show的区别是什么呢?

1.v-if:是条件渲染,每次都会重新删除或者创建元素,v-if有较高的切换性能消耗。

2.v-show:每次不会重新进行DOM删除和创建操作,只是切换元素的display:none样式,有较高的初始渲染消耗。

提示:如果元素涉及到频繁的切换,最好不要使用v-if而用v-show,如果可能永远被用户看到则用v-if

猜你喜欢

转载自blog.csdn.net/weixin_28898107/article/details/94737595