- wx:if="{{true/false}}"
if , else , if else
wx:if
wx:elif
wx:else
- hidden(是否隐藏)
1. 在标签上直接加入属性hidden
2. hidden="{{true}}"
- 什么场景下用哪个
1. 当标签不是频繁的切换显示 , 优先使用wx:if
(1).直接把标签从页面结构给移除
2. 当标签频繁的切换显示的时候 , 优先使用hidden
(1).通过添加样式的方式来切换显示
(2). hidden属性不要和样式display一起使用
<view >
<view >条件渲染</view>
<view wx:if="{{true}}">显示</view>
<view wx:if="{{false}}">隐藏</view>
<view wx:if="{{false}}">1</view>
<view wx:elif="{{false}}">2</view>
<view wx:else>3</view>
<view hidden>hideen</view>
<view hidden="{{true}}">hideen</view>
</view>