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

您可以為更改時間創建全局事件總線，請調用此方法並偵聽此方法並更新答案Vue.js全局事件總線

Answer 2

當getFittingAnswer方法從組件數據中返回一個對象時，我簡化了模板：

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

直接使用此功能，數據將始終是最新的。