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

问题发现了！原因是vue无法监视对象属性的增删，需要通过Vue.delete操作

Answer 2

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

Answer 3

建议返回一个新对象 ，使用Object.assign()返回一个新的picsList[]，vue中貌似不能监听内部属性的变化

Answer 4

v-if="value.exist" 这个value在哪里?

Answer 5

v-for 记得加 key

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

Answer 6

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