微信小程序--23(条件渲染)

一、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进行切换