小程序开发技术教程:数据的绑定处理与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,所以在做授权登陆开发的时候,如何拿到

  • 如何避开小程序被封号的危险?

    前阵子风风火火的微信账号封号风波,给被封号微信自媒体的媒体人蒙头一棒,但也同时给同行业的人提了醒,让大家重新重视起微信的禁忌,以免被封号。而且,不仅微信公众号会有封号的危险,小程序账号也会

  • 目前的微信小程序所不能及的三个方面

    微信小程序从上线至今大约半年,腾讯官方不断地在调整优化其功能设置,尽量让小程序的开发体验与使用体验做到令人满意的程度。可是,至今有三个方面仍是小程序所不能及的,这三个方面也限制了小程序的在某些方面的推广与发展,目前来看是不利的。

  • 一步教您学会微信小程序的上线发布流程

    小编在找了一资料之后,又根据公司在小程序开发业务上的实际情况,整理了一下小程序调试发布的步骤详细内容

  • 两个有效的微信小程序互推引流方法

    在之前的文章中,小编讲过说公众号与小程序关联引流的方法、好处,小程序与实体店的引流方法、好处,唯独没说过两个

河北快3 123彩票充值中心 江苏快3 河北快3 2m彩票官网 欢乐城彩票网 河北快3 好彩客官网 欢乐城彩票网 1博彩票充值