看了别人写的,自己简单写一下自己的理解。
因为 JavaScript 的限制,Vue.js 不能检测到下面数组变化,所以,想要正常是不能通过操作数组来渲染dom的,解决的方法是通过set方法, 在组件中用的是 实例方法
vm.$set( target, key, value )
data: {
items: [{
name: 'xiao1'
}, {
name: 'xiao2'
}, {
name: 'xiao3'
}]
},
methods: {
test() {
vm.items.$set(2, {name: 'xiao4!'})
this.$set(this.items,2,{name: 'xiao4!'})
}
}
var
_this=
this
for
(
var
i = 0; i <
this
.len;i++) {
if
(_this.userMsg[i] ===
'成功'
)
;
_this.$set(_this.userMsg, i,
'成功'
);
}