這篇文章主要介紹了微信小程序中數(shù)據(jù)綁定怎么實(shí)現(xiàn)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在渝水等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),成都營銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),渝水網(wǎng)站建設(shè)費(fèi)用合理。

1、微信小程序無法從js頁面中綁定wxml頁面中的標(biāo)簽，以此來獲得或者設(shè)置標(biāo)簽的值或者屬性，全部都是用數(shù)據(jù)綁定的方式來實(shí)現(xiàn)
2、WXML 中的動(dòng)態(tài)數(shù)據(jù)均來自對(duì)應(yīng) Page 的 data。

數(shù)據(jù)綁定：
1、簡(jiǎ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 類型的 true，代表真值。

false： boolean 類型的 false，代表假值。

<checkbox checked="{{false}}"> </checkbox>
特別注意：不要直接寫 checked="false"，其計(jì)算結(jié)果是一個(gè)字符串，轉(zhuǎn)成 boolean 類型后代表真值。
//在新版的微信小程序開發(fā)工具中，這個(gè)問題好像被解決了，即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)于一些語言代碼，而不是要呈現(xiàn)的內(nèi)容

6、組合（不是很常見，不再贅述，如有需要，參考微信小程序開發(fā)文檔，數(shù)據(jù)綁定部分）

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“微信小程序中數(shù)據(jù)綁定怎么實(shí)現(xiàn)”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

當(dāng)前題目：微信小程序中數(shù)據(jù)綁定怎么實(shí)現(xiàn)-創(chuàng)新互聯(lián)
URL分享：http://www.rwnh.cn/article38/jdcsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、動(dòng)態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、自適應(yīng)網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)