在微信小程序開發(fā)中數(shù)據(jù)與頁面的綁定是靠data對象來實現(xiàn)的。如果要修改頁面中某個變量的值，就需要使用this.setData({變量名：值})。

比如，點擊按鈕修改變量值：

change:function(e){
  this.setData({
    test:'hello world!'
  })
}

但是如果要修改data中子對象的屬性值呢？一個很自然的想法是多點幾次不就行了？比如person.name

 this.setData({
    person.name:'fxjzzyo'
  })

但是，很遺憾不能這樣做啦?。AQ，上面是錯誤示范啦！?。?
會報錯啊=_=QAQ

難道為了更改其中一個屬性，就只能把一個對象的所有屬性都setData一遍嗎？

呵呵，當然不是啦。山人自有妙計也。
只需要用一個字符串拼接處前面的屬性名就ok啦~
且看下面的栗子~

---

例如：

頁面代碼test.wxml：

<view class='page'>
  <view>{{test}}view>
  <button bindtap='change'>修改test為hello world!button>
    <view>{{person.name}}view>
  <button bindtap='changePerson'>修改人名為fxjzzyobutton>
view>

邏輯代碼test.js:

Page({

  /**
   * 頁面的初始數(shù)據(jù)
   */
  data: {
     test:'test',
     person:{
      name:'jay',
      age:12,
      address:'china',
      like:'sing song',
      phone:'123456'
    }
  },
  change:function(e){
  this.setData({
    test:'hello world!'
  })
},
  changePerson:function(e){
    var str = 'person.name';
    this.setData({
      [str]: 'fxjzzyo'
    })
  },
  /**
   * 生命周期函數(shù)--監(jiān)聽頁面加載
   */
  onLoad: function (options) {

  }
})

重點在changePerson這個方法中：

 changePerson:function(e){
    var str = 'person.name';
    this.setData({
      [str]: 'fxjzzyo'
    })
  },

很easy啦，只需要把原本要寫的person.name:’fxjzzyo’前面的person.name用一個字符串變量拼接出來就ok啦~
切記：使用時要把那個變量用中括號（[]）括起來

---

雖然是小知識點，但用處肯定大大地。。假如不會這個的話，就無法修改子對象的屬性值，最笨的方法是，把這個對象重新賦值一遍。對象屬性個數(shù)少了還好說，要是碰到一個對象的屬性超級多，而你只是為了修改其中一個屬性就把所有值賦值一遍