vue.js：觸發綁定更新手動

Question

我有一個模板調用不同的組件：

<question-container v-for="(question, index) in questions" :question="question" :answer="getFittingAnswer(question)"></question-container> 

如何從外部組件手動更新:answer？由於:answer是基於服務器和會話數據的動態數據，因此需要使用getFittingAnswer函數。

更新：這是getFittingAnswer組件方法。

getFittingAnswer(question) { 
    return this[`part${question.part}answers`].find(a => a.questionId == question.Id) 
} 

Answer 1

隨着getFittingAnswer方法從我的組件數據返回一個對象我簡化模板：

<question-container v-for="(question, index) in questions" :question="question" :value="part1answers.find(a => a.questionId == question.Id)"></question-container> 

直接使用此數據將始終保持最新狀態。

Answer 2

您可以更改時間的呼叫建立全球性事件總線這種方法，聽此方法，並更新答案 Vue.js global event bus