var vm = new Vue({
el: '#app',
data: {
list:[{
name:'火影',
},{
name:'海贼',
},{
name:'柯南',
},]
},
created(){
for(var i in list){
this.list[i].old=0;
}
}
})
this.list[0].old=2;控制台输出的是2,但是页面还是0;所以页面不刷新;
办法一:
var obj={};
obj.old=2;
this.list.splice(1,1,obj);数组里的对象替换
办法二:
this.$set(this.list[1],"old",2);
$set给对象新增属性并且刷新视图