【Uniapp-Vue3】v-if条件渲染及v-show的选择对比
如果我们想让元素根据响应式变量的值进行显示或隐藏可以使用v-if或v-show
一、v-show
另一种控制显示的方法就是使用v-show,使用方法和v-if一样,为true显示,为false则不显示。
二、v-if
v-if除了可以像v-show一样单独使用外,还可以和其他的搭配使用。
1. v-if和v-else一起使用
需要注意,v-if和v-else之间不能有其他的东西,就像下面这样:
我在v-if和v-else之间多加了两个“--”,会报错,但是允许中间有空格。
2. v-if和v-else-if和v-else一起使用
同样的,中间不能被其他东西打断,可以有空格。
三、v-show和v-if的区别
他们在值为true都进行显示,在false的时候进行隐藏,但是隐藏的方式不同。
我们可以看见:v-show是以改变display的方式进行隐藏,v-if是以不渲染DOM的形式进行隐藏。