Vue中修改数组中的对象
问题根据数组的索引直接赋值没法修改数组的中对象。this.classes[1]= {id:123,name:'计应171班'};原因在 Vue 中是无法检测到根据索引值修改的数据变动的。解决方法// 数组:第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值// 对象:第一个参数是要修改的对象, 第二个值是修改属性字段,第三个是要修改成什么值this.$...
·
问题
根据数组的索引直接赋值没法修改数组的中对象。
this.classes[1]= {id:123,name:'计应171班'};
原因
在 Vue 中是无法检测到根据索引值修改的数据变动的。
解决方法
// 数组:第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值
// 对象:第一个参数是要修改的对象, 第二个值是修改属性字段,第三个是要修改成什么值
this.$set(this.classes,1,{id:123,name:'计应171班'});
或者
Vue.set(this.classes,1,{id:123,name:'计应171班'})
结语
示例代码修改的是数组,对象同理,方法在代码注释中已给出。
更多推荐
已为社区贡献4条内容
所有评论(0)