微信小程序this.setData修改数组单挑数据

分类小程序日期2年前访问627评论0

 方式一:

     使用['字符串'],例如
this.setData({
      ['user_info.age']: 20,
      ['cars[0]']: 'tesla'
})
let index = 1;
 this.setData({
        ['list['+index+'].checked']:true
      })


方式二:


    构造变量,重新赋值,例如


var temp = this.data.user_info
    temp.age = 30
    
    this.setData({
      user_info: temp
    })

    var temp = this.data.cars
    temp[0] = 'volvo'
    
    this.setData({
      cars: temp
    })


 

方式三:

     直接使用字符串,此种方式之前不可以,现在可以了,估计小程序库升级了。

    注意和第一种方法的对比,推荐还是使用第一种方法。
this.setData({
      'user_info.age': 40,
      'cars[0]': 'ford'
})


 

完整代码:


Page({
  /**
   * 页面的初始数据
   */
  data: {
    user_info:{
      name: 'li',
      age: 10
    },
    cars:['nio', 'bmw', 'wolks']
  },
  change_data: function(){
    console.log('对象-修改前:', this.data.user_info)
    
    this.setData({
      ['user_info.age']: 20
    })
    console.log('对象-修改后1:', this.data.user_info)

    var temp = this.data.user_info
    temp.age = 30
    this.setData({
      user_info: temp
    })
    console.log('对象-修改后2:', this.data.user_info)

    this.setData({
      'user_info.age': 40
    })
    console.log('对象-修改后3:', this.data.user_info)


    console.log('数组-修改前:', this.data.cars)
    
    this.setData({
      ['cars[0]']: 'tesla'
    })
    console.log('数组-修改后1:', this.data.cars)
    var temp = this.data.cars
    temp[0] = 'volvo'
    this.setData({
      cars: temp
    })
    console.log('数组-修改后2:', this.data.cars)
    this.setData({
      'cars[0]': 'ford'
    })
    console.log('数组-修改后3:', this.data.cars)
  }
})