微信小程序-条件渲染

条件渲染

1.wx:if

wx:if="{{true/false}}" ，真为显示，假为隐藏
wx:if
wx:elif
wx:else

2.hidden

①在标签上直接添加属性hidden即隐藏
②hidden="{{true/false}}"

---

关于使用场景

①当标签不是频繁的切换显示时，优先使用wx:if，直接把标签从页面结构移除
②当标签频繁的切换显示时，优先使用hidden，通过添加样式的方式来切换显示

注意：hidden不要和display一起使用