美文网首页
vue数组中对象属性变化页面不渲染

vue数组中对象属性变化页面不渲染

作者: 浪浪山小妖_ | 来源:发表于2020-06-11 16:04 被阅读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 ⊙▽⊙

    相关文章

      网友评论

          本文标题:vue数组中对象属性变化页面不渲染

          本文链接:https://www.haomeiwen.com/subject/kjbbtktx.html