vue v-if和v-show在实际开发中发现的使用区别

v-show的实现是给元素添加display:none 达到元素隐藏的效果
v-if是直接将元素从页面上销毁

tab栏切换就可以非常容易看出它们俩的区别,使用v-show,点击切换之后,这个时候你会发现无法获取到另一页面的页面整体高度或者某个元素的高度,而v-if却是可以正常获取到页面或者某个元素的高度

上拉加载的原理:需要判断页面是否滚动了页面底部,使用v-show在tab切换的时候,另一个页面无法获取到页面高度,会造成另一个页面的上拉加载失效的问题,使用v-if可以解决这个问题

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43233914/article/details/84839528