一、wx:if
1.作用
- 来判断是否需要渲染
2.语句
- wx:if = “{{condition}}”
- 来判断是否需要渲染该代码块
- wx:elif
- wx:else
-
用来添加else判断
3.演示
二、<block> +wx:if
1.作用
- <block>标签:将多个组件包装起来
- 一次性控制多个组件展示与隐藏
2.练习
- 没有<block>
- 有<block>
三、hidden
1.作用
- 控制元素的显示与隐藏
2.语句
- hidden =“{{condition}}”
3.练习
- flag为false
- flag为true
四、wx:if与hidden比较
1.运行方式不同
- 前者动态创建和移除元素来控制元素的展示和隐藏
- 后者以切换的方式
2.使用建议
频繁切换使用后者
控制条件比较复杂,使用前者结合wx:elif、wx:else进行切换