微信小程序 數(shù)據(jù)綁定的簡單實(shí)例
簡單用法：
Page({ data: { message: '張三' }}) /** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { var content1={ date: "2020年 10月 8日 ", title："時(shí)間群" , nameData:{ name1:"張三李四", name2:"人五人六"， }, fade：true/false } this.setData(content); },數(shù)據(jù)綁定使用 Mustache 語法（雙大括號）將變量包起來獲取
<view> {{ date}} </view><view> {{ title}} </view><view> {{ nameData.name1}} </view><view> {{ nameData.name2}} </view>//層級用點(diǎn)取值<image wx:if="{{fade}}" class="image" src=""></image>//隱藏/顯示可以在 {{}} 內(nèi)進(jìn)行簡單的運(yùn)算
三元運(yùn)算符
<view hidden="{{flag ? true : false}}"> Hidden </view>計(jì)算
Page({ data: { a: 1, b: 2, c: 3 }})<view> {{a + b}} + {{c}} + d </view>輸出結(jié)果：3 + 3 + d。邏輯判斷
<view wx:if="{{length > 5}}"> </view>也可以在 Mustache 內(nèi)直接進(jìn)行組合，構(gòu)成新的對象或者數(shù)組。
Page({ data: { zero: 0 }})<view wx:for="{{[zero, 1, 2, 3, 4]}}"> {{item}} </view>輸出結(jié)果：組合成數(shù)組[0, 1, 2, 3, 4]。
對象
Page({ data: { a: 1, b: 2 }})<template is="objectCombine" data="{{for: a, bar: b}}"></template>最終組合成的對象是 {for: 1, bar: 2}
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
新聞熱點(diǎn)
疑難解答
