国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

微信小程序 教程之?dāng)?shù)據(jù)綁定

黃舟
發(fā)布: 2017-01-16 15:10:10
原創(chuàng)
1871人瀏覽過

數(shù)據(jù)綁定

wxml中的動(dòng)態(tài)數(shù)據(jù)均來自對(duì)應(yīng)page的data。

簡(jiǎn)單綁定

數(shù)據(jù)綁定使用"mustache"語法(雙大括號(hào))將變量包起來,可以作用于:

內(nèi)容

{{ message }}

Page({  
 data: {  
 message: 'Hello MINA!'  
 }  
})
登錄后復(fù)制


組件屬性(需要在雙引號(hào)之內(nèi))

Page({  
 data: {  
 id: 0  
 }  
})
登錄后復(fù)制

控制屬性(需要在雙引號(hào)之內(nèi))

Page({  
 data: {  
 condition: true  
 }  
})
登錄后復(fù)制

運(yùn)算

可以在{{}}內(nèi)進(jìn)行簡(jiǎn)單的運(yùn)算,支持的有如下幾種方式:

三元運(yùn)算



算數(shù)運(yùn)算

{{a + b}} + {{c}} + d

Page({  
 data: {  
 a: 1,  
 b: 2,  
 c: 3  
 }
登錄后復(fù)制

view中的內(nèi)容為3 + 3 + d

邏輯判斷



字符串運(yùn)算

{{"hello" + name}}

Page({  
 data:{  
 name:"MINA"  
 }  
})
登錄后復(fù)制

組合

也可以在Mustache內(nèi)直接進(jìn)行組合,構(gòu)成新的對(duì)象或者數(shù)組

數(shù)組

{{item}}

Page({  
 data: {  
 zero: 0  
 }  
})
登錄后復(fù)制

最終組合成數(shù)組[0, 1, 2, 3, 4]

對(duì)象

<template is="objectCombine" data="{{for: a, bar: b}}"></template>  
Page({  
 data: {  
 a: 1,  
 b: 2  
 }  
})
登錄后復(fù)制

最終組合成的對(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  
 }  
 }  
})
登錄后復(fù)制

最終組合成的對(duì)象是{a: 1, b: 2, c: 3, d: 4, e: 5}

如果對(duì)象的key和value相同,也可以間接地表達(dá)

Page({  
 data: {  
 foo: 'my-foo',  
 bar: 'my-bar'  
 }  
})
登錄后復(fù)制

最終組合成的對(duì)象是{foo: 'my-foo', bar:'my-bar'}

注意:上述方式可以隨意組合,但是如有存在變量名相同的情況,后邊的會(huì)覆蓋前面,如

Page({  
 data: {  
 obj1: {  
  a: 1,  
  b: 2  
 },  
 obj2: {  
  b: 3,  
  c: 4  
 },  
 a: 5  
 }  
})
登錄后復(fù)制

最終組合成的對(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)!

微信app下載
微信app下載

微信是一款手機(jī)通信軟件,支持通過手機(jī)網(wǎng)絡(luò)發(fā)送語音短信、視頻、圖片和文字。微信可以單聊及群聊,還能根據(jù)地理位置找到附近的人,帶給大家全新的移動(dòng)溝通體驗(yàn),有需要的小伙伴快來保存下載體驗(yàn)吧!

下載
來源:php中文網(wǎng)
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn),版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請(qǐng)聯(lián)系admin@php.cn
最新問題
開源免費(fèi)商場(chǎng)系統(tǒng)廣告
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)