开发微信小程序,需要对数据进行设置与绑定,以便于处理数据。其中,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
}