搜尋
首頁微信小程式小程式開發微信小程式 教程之條件渲染

wx:if

在MINA中,我們用wx:if="{{condition}}"來判斷是否需要渲染程式碼區塊:

True

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

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

block wx:if

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

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

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

wx:if vs hidden

因為wx:if之中的模板也可能包含資料綁定,所有當wx:if的條件值切換時,MINA有一個局部渲染的過程,因為它會確保條件塊在切換時銷毀或重新渲染。

同時wx:if也是惰性的,如果在初始渲染條件為false,MINA什麼都不做,在條件第一次變成真的時候才開始局部渲染。

相較之下,hidden就簡單的多,元件總是會被渲染,只是簡單的控制顯示與隱藏。

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

以上就是微信小程式 教程之條件渲染的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。