vue 状态更改怎样让页面局部渲染
问题还原:根据业务需求我需要更改showFlag的状态,控制两个模块的显示隐藏,但是初始状态下渲染的模块都没有问题,但是第二次切换页面没有重新进行渲染问题解决:z将v-show修改为v-if,v-if会重新渲染页面,由此问题也得到解决。v-if和v-show的区别是什么呢?1.v-if:是条件渲染,每次都会重新删除或者创建元素,v-if有较高的切换性能消耗。2....
·
问题还原:根据业务需求我需要更改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
更多推荐
已为社区贡献4条内容
所有评论(0)