如何从模板中设置v-if属性

Question

我想知道是否可以从模板中设置 v-for中的属性。具体来说， story.verifyDelete不存在于原始数组中，但是我的设置为true在单击时似乎并没有激活其上方的 v-if="story.verifyDelete。

<div v-for="story in stories">
    <div v-if="story.verifyDelete == true">
      <div>Are you sure you want to delete this story?</div>
      <div @click="remove(story.id)">Delete</div>
      <div @click="story.verifyDelete=false">Cancel</div>
    </div>
    <div @click="story.state == 'published' ? read(story) : edit(story)">{{ story.title }}</div>
    <div @click="story.verifyDelete = true">Delete</div>
</div>

Answer 1

对象在vue。

在删除div的点击处理程序中，您需要进行集合才能使Vuest Notes Change Change

this.$set(this.story, 'verifyDelete', true)

https://v2.vuejs.org/v2/guide/reactivity.html