小程式文件整理之 條件渲染

2021-08-07 09:26:50 字數 688 閱讀 9478

在框架中,我們用 wx:if=」}」 來判斷是否需要渲染該**塊:

wx:if="

}"> true view>

也可以用 wx:elif 和 wx:else 來新增乙個 else 塊:

wx:if="

}"> 1 view>

wx:elif="

}"> 2 view>

wx:else> 3 view>

因為 wx:if 是乙個控制屬性,需要將它新增到乙個標籤上。但是如果我們想一次性判斷多個元件標籤,我們可以使用乙個 標籤將多個元件包裝起來,並在上邊使用 wx:if 控制屬性。

wx:if="

}">

view1 view>

view2 view>

block>

注意: block 並不是乙個元件,它僅僅是乙個包裝元素,不會在頁面中做任何渲染,只接受控制屬性。

wx:if在條件為真的時候進行區域性渲染,在切換的時候會對資料銷毀或重新渲染,而hidden一開始就會被渲染,只是顯示或隱藏

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

小程式文件整理之 列表渲染

在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。陣列的當前項的下標名預設為 index,陣列當前項的變數名預設為 item wx for view page 使用 wx for item 可以設定陣列當前元素的變數名,使用 wx for index 可以設定...

小程式文件整理之 API(第三方平台)

獲取第三方平台自定義的資料字段 if wx.getextconfig fail complete function res 注意 wx.getextconfig 暫時無法通過 wx.caniuse 判斷是否相容,開發者需要自行判斷 wx.getextconfig 是否存在來相容 獲取第三方平台自定義...

微信小程式 條件渲染 列表渲染

wx if表示判斷單個元件 block wx if表示判斷塊,也即判斷多個元件 true view 如果condition為真,則顯示 true 否則不顯示 使用wx elif和wx else來新增乙個else if 和else塊 大於5 view 大於2 view else 小於等於2 view ...