微信小程式條件渲染詳細介紹

這篇文章主要介紹了微信小程式條件渲染詳解的相關資料,需要的朋友可以參考下

#1，wx.if

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

True

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

1
2
3

2，block wx:if

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

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

view1
view2

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

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

以上是微信小程式條件渲染詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！