小程序开发技术教程:数据的绑定处理与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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发能给线下商家带来哪些好处

    小程序的出现,在一定程度上方便了微信用户的生活外,也给企业商家带来新一轮的微信营销利益,

  • 关于降低微信小程序定制开发成本的两点建议

    虽然说微信小程序定制开发的价格比APP开发低了很多倍,但是一些不必要的费用还是需要去避免的,特别是对于微信小程序定制开发成本把控比较严格的一些企业商家来说,更加需要去降低开发成本,把钱花在刀刃上。对此,小编有几点关于

  • 实体店与微信小程序组合,有哪些引流盈利方式?

    从微信小程序上线以来,因为符合O2O以及“互联网+”的概念,所以逐渐被线上行业所接纳并应用到其中,形成一种“实体店+小程序”的组合

  • 个人开发者如何开发微信小程序

    虽然微信小程序一开始并不支持个人开发者开发小程序,但是后来依旧放开了这一限制,只要实名认证的个人就可以成为小程序的开发者,加入到这一潮流行列当中。不过,个人开发者中有懂代码的、有技术人员支持的、当然也有没人才又不懂代码的,到底个人开发者要如何去开发微信小程序呢?这个问题值得我们来好好探讨一番。

  • 微信小程序内可以直接打开网页的意义何在

    之前腾讯官方就借助微信公开课这个平台公布微信小程序可以直接打开内嵌网页这个新功能

  • 就目前情况看,企业开发微信小程序还是APP?

    一晃半年过去,微信小程序已经上线这么长时间的,在这半年里,其经历过沉沉浮浮、起起落落,从差点被市场放弃而后又重获新生,各类企业商家对小程序的开发态度仍旧是比较模糊的概念,特别是现在,有别于小程序之前的低迷状态,正是由于它的发展,所以才令更多的人

好彩客 河北快3 江苏快3官网 江苏快3官网 宏图棋牌官网 八马彩票充值中心 170彩票官网 江苏快3官网 欢乐城彩票充值中心 头彩网官网