v-show是页面加载的时候显示的内容跟隐藏的内容同时加载在页面上只是根据条件进行了隐藏。
v-if是页面加载的时候根据条件进行显示需要展示的内容。并且销毁不需要显示的条件内容,每次加载的时候进行销毁当前加载符合条件的内容
v-show更适合在频繁切换的时候使用,v-if相反
但是v-show有一个小坑
当你定义了display这个属性的话,例如css定义了display:block或者display:flex
那v-show就无法隐藏了
据我估计v-show应该是利用display:none隐藏的
这时候就适合使用v-if了,v-if是直接去掉这一段代码,只有在符合条件的时候才会执行
0条评论