數(shù)據(jù)綁定
wxml中的動(dòng)態(tài)數(shù)據(jù)均來自對(duì)應(yīng)page的data。
簡(jiǎn)單綁定
數(shù)據(jù)綁定使用"mustache"語法(雙大括號(hào))將變量包起來,可以作用于:
內(nèi)容
Page({ data: { message: 'Hello MINA!' } })
組件屬性(需要在雙引號(hào)之內(nèi))
Page({ data: { id: 0 } })
控制屬性(需要在雙引號(hào)之內(nèi))
Page({ data: { condition: true } })
運(yùn)算
可以在{{}}內(nèi)進(jìn)行簡(jiǎn)單的運(yùn)算,支持的有如下幾種方式:
三元運(yùn)算
算數(shù)運(yùn)算
Page({ data: { a: 1, b: 2, c: 3 }
view中的內(nèi)容為3 + 3 + d
邏輯判斷
字符串運(yùn)算
Page({ data:{ name:"MINA" } })
組合
也可以在Mustache內(nèi)直接進(jìn)行組合,構(gòu)成新的對(duì)象或者數(shù)組
數(shù)組
Page({ data: { zero: 0 } })
最終組合成數(shù)組[0, 1, 2, 3, 4]
對(duì)象
<template is="objectCombine" data="{{for: a, bar: b}}"></template> Page({ data: { a: 1, b: 2 } })
最終組合成的對(duì)象是{for: 1, bar: 2}
也可以用擴(kuò)展運(yùn)算符...來將一個(gè)對(duì)象展開
<template is="objectCombine" data="{{...obj1, ...obj2, e: 5}}"></template> Page({ data: { obj1: { a: 1, b: 2 }, obj2: { c: 3, d: 4 } } })
最終組合成的對(duì)象是{a: 1, b: 2, c: 3, d: 4, e: 5}
如果對(duì)象的key和value相同,也可以間接地表達(dá)
Page({ data: { foo: 'my-foo', bar: 'my-bar' } })
最終組合成的對(duì)象是{foo: 'my-foo', bar:'my-bar'}
注意:上述方式可以隨意組合,但是如有存在變量名相同的情況,后邊的會(huì)覆蓋前面,如
Page({ data: { obj1: { a: 1, b: 2 }, obj2: { b: 3, c: 4 }, a: 5 } })
最終組合成的對(duì)象是{a: 5, b: 3, c: 6}
以上就是微信小程序 教程之?dāng)?shù)據(jù)綁定的內(nèi)容,更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP中文網(wǎng)(www.miracleart.cn)!
微信是一款手機(jī)通信軟件,支持通過手機(jī)網(wǎng)絡(luò)發(fā)送語音短信、視頻、圖片和文字。微信可以單聊及群聊,還能根據(jù)地理位置找到附近的人,帶給大家全新的移動(dòng)溝通體驗(yàn),有需要的小伙伴快來保存下載體驗(yàn)吧!
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)