小程序開發技術教程:數據的綁定處理與data數據設置

2018/7/13 0:39:32
摘要: 開發微信小程序,需要對數據進行設置與綁定,以便于處理數據。其中,wxml的動態數據均來自對應Page的data,通過使用Mustache語法

開發微信小程序,需要對數據進行設置與綁定,以便于處理數據。其中,wxml的動態數據均來自對應Page的data,通過使用Mustache語法進行數據綁定還能將變量包起來,作用于內容、組件屬性、控制屬性、關鍵字等等。本文的剩余篇幅就針對數據綁定處理與data數據設置問題,貼出相關示例代碼供大家參考。

1、定義data數據

data: {

    name:null,

    js:{

      title:"js 標題",

      content:"js ...content",

      arrayJS:[1,2,3,4]

    },

    xmt:{

      title: "新媒體標題",

      content: "新媒體文章 ...content"

    },

    arr:[

      {

        title: "js 標題",

        content: "js ...content"

      },

      {

        title: "新媒體標題",

        content: "新媒體文章 ...content"

      }

    ]

  },

2、數據處理

 onLoad: function (options) {

    var d = (options.id)

    console.log(d)  //詳情頁可以通過options從前一頁傳來的參數

    var a = this.data[d];   //根據傳參動態提取data數據

 

    // var param = {};

    // var string = "name";

    // param[string] = a;

    // that.setData(param)

    that.setData({ name: a})

}

 

  onLoad: function (options) {

    var d = (options.id)

    console.log(d)  //詳情頁可以通過options從前一頁傳來的參數

    var a = this.data[d];   //根據傳參動態提取data數據

 

     var param = {};

     var string = "name";

     param[string] = a;

     that.setData(param)

  //動態的設置name

}


聲明:文章"小程序開發技術教程:數據的綁定處理與data數據設置"為互誠科技—微信小程序開發公司的原創文章,轉載請注明出處,謝謝合作!
標簽:小程序干貨
電話咨詢:18011971195(黃先生)
在線留言:
微信掃碼,關注我們
相關文章
  • 移動官網、小程序、公眾號,適應哪種企業的發展?

    微信這個平臺,不僅只有微信公眾號、小程序這兩個可以為企業營銷所用的平臺,還有移動官網可以用戶展示企業信息資訊,也有一定的營銷作用。不過,針對不同企業,這三個產品對其作用力的大小都不太一樣,也就是說,每一種產品在企業的特性下,適應力都不相同

  • 微信小程序定制開發時一定要知道的幾個功能

    微信官方開放的小程序功能越來越多,每個功能都有自己的用處,其中有幾個功能對于小程序

  • 微信小程序開發之新功能開放預告

    據某不知名群眾報道,騰訊微信又開始內測一項新功能,雖然這樣的消息流出套路已經不止一次,

  • 微信小程序開發帶來的創業競爭力與前景分析

    微信小程序的出現,在應用市場與微信平臺上都激起了一層層波瀾。它的優勢、它的新鮮感、它的想象空間都吸引了很多創業者的眼球。小程序

  • 廣州微信小程序開發:論小程序線下的發展空間

    小程序的出現后,在剛開始卻沒有像業界傳說中那么令人滿意,甚至在經過一段時間的體驗之后

  • 微信小程序升級頁面體驗讓用戶愛上你的小程序

    昨日微信小程序開放了新的頁面能力,在原有頁面能力的基礎上對其進行優化和升級,以提高開發者的開發效果跟用戶體驗的滿意度。而升級優化體現在哪些方面,就是小編在今天這篇推文里的主要寫作目的。

上海快三走势图上海快3形态走势