本文主要是介绍v-show和v-if以及visibility:hidden的区别,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.v-show
隐藏时,就是在某个DOM节点的样式上,加上 display:none,把他隐藏之后,他不会在页面中占据位置,其余的节点会走到这个节点上去。但是打开f12是可以找到它的,无法操作DOM节点
他会引起重排重绘
2.v-if
隐藏时,添加v-if之后,打开f12,不可以找到这个DOM元素,直接被抹除的,他也不会在页面中占据位置。无法操作DOM节点
他会重新把整个页面再次加载
3.visibility:hidden
这是css的属性,当你使用他隐藏某个节点时,他也可以在f12中,找到这个节点,但是他会在页面中占据位置,他的位置会变成空白,其余节点不能取代他的位置,可以操作DOM节点
他只会进行重绘
这篇关于v-show和v-if以及visibility:hidden的区别的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!