1，wx.if

在微信小程序中，小程序是使用wx.if="{{條件}}"來判斷是否渲染該代碼塊，用法如下：

<view wx.if="{{條件}}">True</view>

也可以用wx.elif和wx.else來添加一個else塊，事例如下：

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

2，block wx:if

wx:if是一個控制屬性，需要將它添加到標簽上，但是如果我們想要一次性判斷多個標簽，我用可以使用<block/>將多個組件包裝起來，并在上邊使用wx:if控制屬性，

其中并不是一個組件，它僅僅是一個包裝元素，不會在頁面中做任何渲染，只接受控制屬性。事例如下：

<block wx:if="{{TURE}}">
<view>view1</view>
<view>view2</view>
</block>

注：一般來說，wx:if有更高的切換消耗而hidden有更高的初始渲染消耗。因此，如果需要頻繁切換的情景下，用hidden更好，如果在運行時條件不大可能改變則wx:if較好。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

以上就是微信小程序條件渲染詳細介紹的詳細內容，更多請關注php中文網其它相關文章！