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 ⊙▽⊙

上一篇下一篇

猜你喜欢

热点阅读