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>

直接使用此功能，数据将始终是最新的。