查看“小程序：条件渲染”的源代码

==背景==
选择性显示某些组件

==JS代码==
 <nowiki>
 data: {
      a:"2020LPL夏季赛季后赛观赛指南",
      b:1,
      c:2,
      flag:false,
  },
</nowiki>

==WXML==
 <nowiki> <text wx:if="{{flag}}" class="post-date">{{date}}</text></nowiki>

注：if后面设置空字符串<nowiki>wx:if="{{}}"</nowiki> ，也能达到类似效果。

==效果==
[[文件:wexin21051901.png]]、[[文件:wexin21051902.png]]

==二选一显示==

===方法一===
 <nowiki>
       <view class="post-author-date">
            <image wx:if="{{flag}}"class="post-author" src="{{avatar}}"></image>
            <text wx:if="{{!flag}}" class="post-date">{{date}}</text>
        </view></nowiki>

===方法二===
 <nowiki>
     <view class="post-author-date">
            <image wx:if="{{flag}}"class="post-author" src="{{avatar}}"></image>
            <text wx:else class="post-date">{{date}}</text>
        </view></nowiki>