vue, v-if绑定到data里一个对象, 改变该对象属性, 没有更新dom

Question

//html内容

<img v-if="value.exist" v-for="(value, name) in picsList">

 

//vm实例内data内容

data: {

  picsList: {

    name1:

    {

      exist: true

    },

    name2:

    {

      exist: true

    }

  }

}

//执行操作

Vue.set(vm.picsList["name1"], 'exist', false)

//结果

data: {

  picsList: {

    name1:

    {

      exist: false

    },

    name2:

    {

      exist: true

    }

  }

}

//然而img元素并没有删除

//求指导

Answer 1

直接修改试试 vm.picsList.name1.exist = false

Answer 2

我遇到和你类似的情况下，你可以看看这个由于 JavaScript 的限制，Vue 不能检测以下变动的数组