setData() 参数格式

setData() 参数格式

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>

 

posted on 2018-02-06 10:08 飞狐爷 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/cyxxzjp/p/8420989.html