看了別人寫的,自己簡單寫一下自己的理解。
因為 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,
'成功'
);
}