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

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

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

也可以用wx:elif和wx: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>

 

转载于:https://www.cnblogs.com/bing0709/p/10490453.html