小程序开发技术教程:数据的绑定处理与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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发工具改版上线,开发变得更容易

    为了满足开发者在小程序开发各个阶段的需求,微信官方在近日上线了全新改版的微信开发者工具,新增了测试系统、腾讯云工具、小程序分阶段发布、小程序性能监控

  • 如何培养起用户使用微信小程序的习惯

    用户对微信小程序的使用惯性的强弱,是小程序能否长远发展的重要因素。所以,在运营的过程中,对用户使用习惯的培养也非常重要

  • 微信小程序技术教程之用户授权登陆开发

    微信用户授权登陆的时候,用来记录用户身份唯一性的标识就是微信中的unionID,所以在做授权登陆开发的时候,如何拿到

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

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

  • 开发微信小程序分销商城能否持续发展

    企业选择开发一种新的产品,首先要考虑的就是它的发展前景,对电子产品的开发也是如此

  • 开发微信小程序,用“社交+购物”模式促爆发式发展

    微信小程序从面世以来,官方就不断在朝服务直达搜索、公众号串联小程序、线上线下打通、好友社交传播等方向努力开发

河北快三 广西快3 pc蛋蛋 pc蛋蛋开户 江苏快3 pc蛋蛋网 河北快三 pc蛋蛋 pc蛋蛋 湖北快3