微信小程式 框架wxml(三)wxml條件渲染

2021-08-09 13:37:49 字數 590 閱讀 3064

記錄一下wxml的條件渲染,

1.使用wx:if

①wxml的**

true

5}}"> length>5

2}}"> length>2

其他

②在js的data為condition賦值為true,length賦值為6

③效果圖↓

2.block wx:if,用block對一組view進行組裝,可以控制一組view的顯示與隱藏

view1 

view2

為true時顯示,為false時隱藏。

與hidden的區別:

①block wx:if條件值切換時,會發生區域性渲染;且它是惰性的,初始渲染時為false什麼都不做,只有初次為true時才進行渲染。

②hidden不管初始值是什麼,均進行渲染,只是顯示與隱藏的區別。

因此,有多次切換時,使用hidden效率更高;值基本不變時,使用wx:if的效率更高。

微信小程式 框架wxml(六)wxml引用

wxml提供兩種引用方式,import和include 1.import和include的區別 1 import 可以在檔案中使用被import檔案中定義的template include可以在檔案中使用template及template外的內容。2 import有作用域的概念,只能引用直接impo...

微信小程式開發《三》 WXML

wxml weixin markup language 是框架設計的一套標籤語言,結合基礎元件 事件系統,可以構建出頁面的結構。使用模板 使用 is 屬性,宣告需要的使用的模板,然後將模板所需要的 data 傳入,如 view firstname lastname page.js page staf...

微信小程式 四 wxml詳解

wxml中的動態資料均來自對應js檔案中page的data 在js中訪問page的data用this.data 改變data中某個屬性的值用setdata方法 資料繫結使用mustache語法 雙大括號 將變數包起來.可以作用於以下區域 1.作用於內容 page 2.作用於元件屬性 page 3.作...