小程序笔记—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>