微信小程序使用this.setData()遇到的问题及解决方案详解

Page({
    data:{
        value:'hello'
    }
    this.setData({
    value:'修改的值'
    //错误写法：this.data.value:''
    //注意key的名称一定是data中的名称
})
})

this.setData({
      value:'hello'
    }, () => { //第二个参数
       console.log("在页面渲染完value后再执行");
    })
​

Page({
    data:{   
          List: [{
            id:0,
            name:'test01'
        }]
    }
})
this.setData({
   "List.id": 6
})

this.setData({
   ['List.id']: 2
})

//wxml
<block wx:for="{{List}}" wx:key="index" id="{{index}}">
<view class="message">
<view>{{item.id}}、</view>
<view>{{item.name}}</view>
</view>
​
<button bindtap="change" id="{{item.id}}">点我修改数据中的name</button>
</block>

//index.js
Page({
 data:{
        List:
        [{
            id:0,
            name:'test01'
        },
        {
            id:1,
            name:'test02'
        }],
    },
change(event){
    let index = event.currentTarget.id;
    this.setData({
    List[index].name:'newName'
})
}
})

change(event){
 let index = event.currentTarget.id;
    this.setData({
    [`List[${index}].name`]:'newName'
})
}

<input type="text"  model:value="{{value1}}" bindinput="valueChange"/> 
<input type="text"  value="{{value2}}" bindinput="inputChange"/> 

data:{
     value1:'',
     value2:''
}
//绑定model:并不出现警告的方法
valueChange(){
     console.log(this.data.value);
 }
//利用setData()更新
inputChange(e){
    let changeValue= e.detail.value;
    this.setData({
    value:changeValue
})
    console.log(this.data.value);
    },

<input model:value="值为 {{value}}" />
<input model:value="{{ a + b }}" />

<input model:value="{{ a.b }}" />