|
導(dǎo)讀微信小程序,簡(jiǎn)稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或搜一下即可打開(kāi)應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一... 微信小程序,簡(jiǎn)稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或搜一下即可打開(kāi)應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項(xiàng)門(mén)檻非常高的創(chuàng)新,經(jīng)過(guò)將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開(kāi)發(fā)環(huán)境和開(kāi)發(fā)者生態(tài)。 本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于微信小程序中數(shù)據(jù)綁定的實(shí)例分析(代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。 1、微信小程序無(wú)法從js頁(yè)面中綁定wxml頁(yè)面中的標(biāo)簽,以此來(lái)獲得或者設(shè)置標(biāo)簽的值或者屬性,全部都是用數(shù)據(jù)綁定的方式來(lái)實(shí)現(xiàn) 數(shù)據(jù)綁定: wxml中應(yīng)用雙大括號(hào)將data中的數(shù)據(jù)綁定到相應(yīng)的標(biāo)簽中:
<view> {{ message }} </view>
js中:
Page({
data: {
message: 'Hello MINA!'
}
})2、標(biāo)簽屬性的綁定 wxml中,其中綁定的要在雙引號(hào)之中:
<view id="{{id}}"> </view>
js中:
Page({
data: {
id: 0
}
})3、控制屬性的綁定 wxml中(綁定在雙引號(hào)中)
<view wx:if="{{condition}}"> </view>
//作為條件句出現(xiàn),可以動(dòng)態(tài)決定某一個(gè)標(biāo)簽出現(xiàn)不出現(xiàn)
js中:
Page({
data: {
condition: true
}
})
---或---
wxml中(綁定在雙引號(hào)中)
<view hidden="{{condition}}"> </view>
//作為條件句出現(xiàn),可以動(dòng)態(tài)決定某一個(gè)標(biāo)簽出現(xiàn)不出現(xiàn)
js中:
Page({
data: {
condition: true
}
})
//hidden與wx:if的區(qū)別:
hidden只是隱藏,但是節(jié)點(diǎn)是生成的
wx:if不生成節(jié)點(diǎn)4、關(guān)鍵字(需要在雙引號(hào)之內(nèi)) true:boolean 類(lèi)型的 true,代表真值。
false: boolean 類(lèi)型的 false,代表假值。
<checkbox checked="{{false}}"> </checkbox>
特別注意:不要直接寫(xiě) checked="false",其計(jì)算結(jié)果是一個(gè)字符串,轉(zhuǎn)成 boolean 類(lèi)型后代表真值。
//在新版的微信小程序開(kāi)發(fā)工具中,這個(gè)問(wèn)題好像被解決了,即checked="true"也是對(duì)的5、運(yùn)算 1>三元運(yùn)算
<view hidden="{{flag ? true : false}}"> Hidden </view>
2>算數(shù)運(yùn)算
<view> {{a + b}} + {{c}} + d </view>
Page({
data: {
a: 1,
b: 2,
c: 3
}
})
view中的內(nèi)容為 3 + 3 + d。
3>邏輯判斷
<view wx:if="{{length > 5}}"> </view>
4>字符串運(yùn)算
<view>{{"hello" + name}}</view>
Page({
data:{
name: 'MINA'
}
})
5>數(shù)據(jù)路徑運(yùn)算
<view>{{object.key}} {{array[0]}}</view>
Page({
data: {
object: {
key: 'Hello '
},
array: ['MINA']
}
})
//綜上:
所有運(yùn)算都是在{{}}之中進(jìn)行的,這時(shí)候里面就相當(dāng)于一些語(yǔ)言代碼,而不是要呈現(xiàn)的內(nèi)容6、組合(不是很常見(jiàn),不再贅述,如有需要,參考微信小程序開(kāi)發(fā)文檔,數(shù)據(jù)綁定部分) 相關(guān)推薦: 微信小程序中數(shù)據(jù)的自定義分析過(guò)程 微信小程序?qū)嵗簩?shí)現(xiàn)隨機(jī)驗(yàn)證碼(附代碼) 以上就是微信小程序中數(shù)據(jù)綁定的實(shí)例分析(代碼)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章! 小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或者搜一下即可打開(kāi)應(yīng)用。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!