如何從模板設置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中正常的setter =或[]所反應。

在爲刪除DIV的點擊處理程序，您需要做的一套，以便有VUE通知價值變動

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

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