微信小程序 条件渲染 wx:if

1、在框架中,我们用wx:if="{{condition}}"来判断是否需要渲染该代码块

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

也可以用wx:elifwx:else来添加一个else块:

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

注意:当需要同时满足两个条件是需要用&&,不能直接写为wx:if="{{0<=item.temp<=40}}"

<text class="num"  wx:if="{{0<=item.temp&&item.temp<=40}}" >{{item.temp}}</text>
<text class="num red" wx:else>{{item.temp}}</text>

 

posted @ 2019-03-07 16:23  冰冰~  阅读(494)  评论(0编辑  收藏  举报