小程序开发技术教程:数据的绑定处理与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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发,线程架构与开发步骤解析

    在进入到微信小程序开发阶段之前,首先我们可以通过了解它的线程架构,来分析得出创建一个小程序功能也大概的开发

  • 微信小程序开发——企业品牌宣传推动力

    企业拥有自己的品牌,随之而来的工作就是进行宣传推广,而企业品牌策划实施的要点,主要就分为三个部分:方式创新、体验满意跟促进分享。这每一个方面都是树立品牌形象、提升品牌知名度的必要过程,依靠微信小程序开发区推动企业品牌宣传也必须如此。

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

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

  • 广州企业如何快速开发一款微信小程序

    微信小程序的开发虽然是轻量化产品的开发,有着“小”这个特点,开发难度也比较小,但是真正开发仍旧需要一定的时间。而如果一个企业,着急着想要看到小程序的开发成果,

  • 开发微信小程序的意义所在

    每一样新事物的出现都会有它该有的意义,就像微信小程序被开发之后一样,不仅对于微信官方有着重要意义,而且对市场上的开发者来说也有一定的意义。

  • 广州个人开发者适合开发什么类型的小程序

    相对于企业商家这些拥有较为充足资金、人力、物力的小程序开发者来说,个人开发者在开发小程序的选择范围更小一些。小编根据个人开发者多方面的局限总结出几个开发方向,以供个人开发者参考借鉴。

pc蛋蛋手机官网 河北快3 pc蛋蛋 广西快3平台 pc蛋蛋开奖直播 pc蛋蛋官网下载 江苏快3投注 广西快3 pc蛋蛋首页 pc蛋蛋