小程序开发技术教程:数据的绑定处理与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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 借力微信小程序开发,为传统行业拓展流量来源

    自从电商行业出现以来,传统行业就一直被改革。不过也正是因为电商行业所带来的冲击,才让传统行业不得不去反思自己的发展模式,寻求新的商业模式结合发展。而微信小程序的出现,就被很多传统行业从业人士所看好,因为它的服务场景更广,能发展

  • 什么叫微信小程序?广州小程序开发公司告诉你

    微信小程序就是一种微信版本的轻应用,是相较于微信公众号来说一种不同的

  • 微信小程序开发环境流程步骤说明

    微信小程序正式开发之前,需要安装开发工具、准备开发环境、获取开发需要的参数等等。这些准备工作都是必不可少的

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

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

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

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

  • 开发拼团小程序,让商城营销传播效果更佳

    对于微信小程序的开发方向,由于小程序开发限制条件比公众号更宽松,所以它的开发方向想象空间更大,在服务类目与开发条款允许的范围内,基本能想象出来的开发内容与形式都能被最终呈现出来。比如商城类的折扣小程序、集赞小程序、拼团小程序。本文以拼团小程序为例,说下这类小程序的开发价值。

双赢彩票充值 多盈彩票官网 123彩票官网 众赢彩票充值中心 汇丰彩票充值 福德正神彩票官网 159彩票官网 双赢彩票 多盈彩票充值 满堂彩