在数据对象中增加新的属性值，数据更新，视图不更新问题

huang_jimei2024-03-19 15:13

一、原始数据

javascript 复制代码

dataTable:[
  {'aa':'111'}
]

然后我需要再给他一个对象属性值，就会发现打印出来的数据是更新了，视图不更新，原因是在于在Vue实例创建时， dataTable.bb 并未声明，因此就没有被Vue转换为响应式的属性.

javascript 复制代码

this.dataTable[0].bb='123'

二、解决方法

1、在刚开始请求tableData数据的方法中，先给它声明一下变量bb，可采用以下方法

javascript 复制代码

 var that=this;
 this.tableData.forEach(function(item) {
	 that.$set(item,'bb',null)
 })

2、然后在改变数组对象的属性的时候

javascript 复制代码

modify(row, index){
	 this.$set(row,'bb','12312')
	 this.$set(this.tableData, index, row);
	 console.log(this.tableData,row,index);
}