小程序筆記—wxml中的條件邏輯渲染

單條件顯示隱藏

<view wx:if="{{isShow}}"> True </view>

多條件顯示隱藏

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 3}}"> 2 </view>
<view wx:elif="{{length > 1}}"> 3 </view>
<view wx:else> 4 </view>

單條件多組件同時顯示隱藏，可用block包裹

<block wx:if="{{isShow}}">
  <view> view1 </view>
  <view> view2 </view>
</block>

三元運算控制顯示隱藏

<view hidden="{{（flag==1） ? true : false}}"> Hidden </view>