小程序開發技術教程:數據的綁定處理與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(黃先生)
在線留言:
微信掃碼,關注我們
相關文章
  • 廣州個人開發者適合開發什么類型的小程序

    相對于企業商家這些擁有較為充足資金、人力、物力的小程序開發者來說,個人開發者在開發小程序的選擇范圍更小一些。小編根據個人開發者多方面的局限總結出幾個開發方向,以供個人開發者參考借鑒。

  • 廣州微信小程序開發公司:如何打造爆款小程序

    “廣州小程序開發之如何打造爆款小程序”這個標題,廣州小程序開發部分只是為了打個假廣告,

  • 小程序之間相互跳轉功能可以怎么運用

    前陣子微信官方又開放了一個小程序新功能,就是不同的小程序之間可以相互跳轉,這可謂是一石激起千成浪,一下子微信小程序這個圈子又像炸開了鍋一樣歡欣鼓舞。這是為什么?最主要的還是因為,這個功能又帶來一些商機,所以看到了這些商機的企業商家,當然就會歡欣鼓舞了。下面就由互誠科技半桶水小編來為大家揭秘,

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

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

  • 廣州微信小程序,組合拳開發促進高效收銀

    關于酒店、餐飲等行業的收銀結賬開發票工作,經常需要排隊已經成為消費者的詬病。為了解決這個常存的麻煩,微信官方于6月29日在廈門的公開課里提出了微信小程序開發“組合拳”模式,

  • 就目前情況看,企業開發微信小程序還是APP?

    一晃半年過去,微信小程序已經上線這么長時間的,在這半年里,其經歷過沉沉浮浮、起起落落,從差點被市場放棄而后又重獲新生,各類企業商家對小程序的開發態度仍舊是比較模糊的概念,特別是現在,有別于小程序之前的低迷狀態,正是由于它的發展,所以才令更多的人

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