条件判断

某一个或者某一块元素

image.png
之前的例子先删掉
image.png

这里我们用一个最简单的vue标签
image.png

image.png

image.png

image.png
改成false
image.png
元素没有了，值为false不去渲染这块元素内容的。
image.png
把这里变成变量
image.png
在data里面声明
image.png

页面啥都没有
image.png
在template里面，只能有一个元素。

image.png
image.png
image.png
image.png
改成true
image.png
image.png

改成字符串
image.png
当值等于uni-app的时候。
image.pngimage.png

改成vue
image.png
这样这里的表达式就不成立了
image.png
所以元素就不显示了
image.png
image.png

添加按钮

image.png
动态控制show这个变量
image.png
点击按钮的时候变为false
image.png

image.png
点击没生效
image.png
这里click写错了
image.png
点击后，上面文字消失
image.png
如果存在就消失，如果消失就让他显示。
当前值取反
image.png
image.png
点击后消失
image.png
再点击显示
image.png

三元运算符

image.png
点击
image.png
再点击
image.png

v-else

image.png
点击一次
image.png
再点击
image.png

else-if

image.png

image.png
点击事件，点击时候改成vue
image.png
image.png
点击变成vue
image.png
改成html
image.png
点击
image.png

以上就是条件判断

结束