vue数组中对象属性变化页面不渲染
2020-06-11 本文已影响0人
浪浪山小妖_
也许你会碰到一个问题:
vue中一个数组中一个对象的一个属性值改变了,但是对应模版视图没有做响应变化
以下两种方式都可以实现1// Vue.set
Vue.$set(arr, index, newItem)
2.// Array.prototype.splice
arr.splice(index, 1, newItem)
//举个栗子
changShowBtn(isShowBtn, id) {
this.videoInfo.forEach((el, i, arr) => {
if (el.id == id) {
el.isShowBtn = !el.isShowBtn
// arr.splice(i, 1, el); //方法一
this.$set(arr, i, el) //方法二
}
});
},
--by Affandi ⊙▽⊙