小程序开发技术教程:数据的绑定处理与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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发技术教程之Mustache语法要点总结

    开发人员在做小程序开发的时候,会在wxml里,用到Mustache语法。而Mustache其实就是一个logic-less(轻逻辑)模板解析引擎

  • 移动官网、小程序、公众号,适应哪种企业的发展?

    微信这个平台,不仅只有微信公众号、小程序这两个可以为企业营销所用的平台,还有移动官网可以用户展示企业信息资讯,也有一定的营销作用。不过,针对不同企业,这三个产品对其作用力的大小都不太一样,也就是说,每一种产品在企业的特性下,适应力都不相同

  • 开发微信点餐小程序,服务管理更便捷,经营成本有效降低

    微信小程序作为一个工具型的产品被开发与推广,有多种可以作为工具使用的场景可以选择,餐饮行业的点餐工具就是常见的

  • 微信小程序官方开发工具的优缺点有哪些

    技术人员在开发微信小程序时,可供选择的开发工具一般有微信官方开发工具、即速应用、WebStorm以及Sublime Text 3这几种。今天,小编暂且抛开其他非官方的开发工具特点,用这篇软文来说说官方开发工具的优点与缺点所在。

  • 微信小程序带来的改变有哪些方面?

    微信小程序出现了一年了,越来越多的用户知道小程序的存在,也越来越多的用户开始去使用它,用户使用惯性正在逐渐养成

  • 微信小程序最终会不会取代公众号?

    微信小程序自出现以来就很多人在预言,说由于小程序跟公众号没什么不同,但使用比公众号更加方便,所以最终可能就会取代公众号。这个说法到底对不对呢,有没有可能呢,是不是会成真呢?小编认为还是不太可能的,两者虽然有相似的地方,但是也有不同

盈多多彩票充值中心 28彩票官网 159彩票 170彩票充值中心 大星彩票官网 河北快3 大星彩票官网 河北快3 159彩票官网 江苏快3