如何從模板設置v-if屬性

我想知道是否可以從模板中設置v-for中的屬性。具體而言，story.verifyDelete不存在於原始數組中，但我在點擊時將其設置爲true似乎並未激活剛纔在上面的v-if="story.verifyDelete。如何從模板設置v-if屬性

<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>

來源

2017-02-21 dmr07

什麼是你的測試告訴你嗎？ –

如果這是你所指的，我還沒有設置任何單元測試。 – dmr07

我的意思是簡單的執行你的代碼。 –

對象不會被vue中正常的setter =或[]所反應。

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

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

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

來源

2017-02-21 17:03:29 Austio

如何從模板設置v-if屬性

回答

相關問題