Page({
data: {
text: 'init data',
num: 0,
array: [{text: 'init data'}],//数组数据初始化格式
object: {
text: 'init data'//对象数据初始化格式
}
},
changeText: function() {
// this.data.text = 'changed data' // bad, it can not work
this.setData({
text: 'changed data'
})
},
changeNum: function() {
this.data.num = 1
this.setData({
num: this.data.num
})
},
changeItemInArray: function() {
// you can use this way to modify a danamic data path
this.setData({
'array[0].text':'changed data'//数组数据设置格式
})
},
changeItemInObject: function(){
this.setData({
'object.text': 'changed data'//对象数据设置格式
});
},
addNewField: function() {
this.setData({
'newField.text': 'new data'
})
}
})
<!--index.wxml-->
<view>{{text}}</view>
<button bindtap="changeText"> Change normal data </button>
<view>{{num}}</view>
<button bindtap="changeNum"> Change normal num </button>
<view>{{array[0].text}}</view><!--数组数据调用方法-->
<button bindtap="changeItemInArray"> Change Array data </button>
<view>{{object.text}}</view><!--对象数据调用方法-->
<button bindtap="changeItemInObject"> Change Object data </button> <view>{{newField.text}}</view> <button bindtap="addNewField"> Add new data </button>