从入门到入土
WXML具體語法:
1.數(shù)據(jù)綁定:
a.數(shù)據(jù)綁定的內(nèi)容也就是值屬性使用雙大括號{{}}將變量包起來,然后在page字段進行定義,例如:
{{ message }}
Page({
data: {
message: ‘Hello MINA!’
}
})
b.組件屬性也需要包含在雙引號內(nèi),例如:
Page({
data: {
id1: 0
}
})
c.控制屬性也需要包含在雙引號內(nèi),例如:
Page({
data: {
condition: false
}
})
d.關(guān)鍵字也需要在雙引號之內(nèi),例如:
注:如果這里直接寫“false“,沒有加{{}},會將計算結(jié)果判定為一個字符串,轉(zhuǎn)換為boolean類型就是真值也就是作為true處理,結(jié)果將會發(fā)生偏差。
e.可以在{{}}內(nèi)進行簡單的運算,例如三元運算、算術(shù)運算、邏輯判斷、字符串運算、數(shù)據(jù)路徑運算。
f.也可以在{{}}內(nèi)直接進行構(gòu)成新的對象或者數(shù)組。
2.列表渲染:
a. wx:for:綁定一個數(shù)組,可以使用數(shù)組中各項的數(shù)據(jù)重復(fù)渲染該組件。默認(rèn)情況下數(shù)組的當(dāng)前項的下標(biāo)默認(rèn)為index,當(dāng)前項的變量名默認(rèn)為item;使用 wx:for-item 可以指定數(shù)組當(dāng)前元素的變量名,使用 wx:for-index 可以指定數(shù)組當(dāng)前下標(biāo)的變量名。Wx:for也可以嵌套,例如九九乘法表的編譯。
b. block wx:for:作用類似于block wx:if,作用是渲染一個包含多個節(jié)點的結(jié)構(gòu)塊。
3.條件渲染:
在標(biāo)簽中,使用wx:if=””來判斷是否需要渲染該代碼塊,也可以用wx:elif和wx:else 來添加一個else塊。
block wx:if:當(dāng)需要一次性判斷多個組件標(biāo)簽時在block中將多個組件包裝起來,使用wx:if控制屬性。
4.在模板template中定義代碼片段,可以在不同的地方調(diào)用。
a.定義模板:用name屬性定義模板的名字。在內(nèi)定義代碼片段。
b.使用模板:用is屬性聲明需要使用的模板,然后將模板所需要的data傳入。
總結(jié)
- 上一篇: python sklearn NMF人脸
- 下一篇: 集成IE11、补丁至win7原版镜像