小程序开发技术教程:数据的绑定处理与data数据设置

2018-07-13 00: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

}