テンプレートから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のためのあなたのクリックハンドラで

、あなたのテストはあなたを教えどういう値変更

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

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