条件付きレンダリング-ミニプログラム研究ノート

11条件付きレンダリング
1wx：if = "{ {true / false]}"
1 if、else、if else
wx：if
wx：elif
wx：else
2hidden1属性hidden2hidden ="{ {true
をラベルに追加直接}}" 3どのシナリオでどちらが使用されるか1ラベルが頻繁に切り替えられて表示されない場合は、wx：ifIを使用して、ページ構造からラベルを直接削除することをお勧めします2ラベルが頻繁に切り替えられて表示される場合は、非表示を使用することをお勧めします

コード：

<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>------------------------</view>
  <view hidden>hidden 1</view>
  <view hidden="{
    
    {false}}">hidden 2</view>

  <view>---------000---------</view>
  <view wx:if="{
    
    {false}}">wx:if</view>
  <view hidden style="display: flex;">hidden</view>
 </view>

効果：