vue.js: Trigger binding update manually

Question

I have a template calling a different component:

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

How can I update the :answer manually from the outer component? As :answer is dynamic based on data on a server and session data, in need the getFittingAnswer function.

Update: This is the getFittingAnswer component method.

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

Where is the getFittingAnswer? Is it a method from the parent component? — FitzFish
– FitzFish, Commented Jun 15, 2017 at 14:13
Yes it is - it works perfectly fine but kind of has to be "retriggered". — sandrooco
– sandrooco, Commented Jun 15, 2017 at 14:13
I'm not sure I understand your case well. Can you provide a more complete code sample? — FitzFish
– FitzFish, Commented Jun 15, 2017 at 14:16
Sorry I still do not get what the problem is. Is it a reactivity problem? What do you mean by "retriggered"? Maybe you can share the two components code (parent and child), possibly on a fiddle or code snippet? — FitzFish
– FitzFish, Commented Jun 15, 2017 at 14:25

Murad Sofiyev · Accepted Answer · 2017-06-15 14:10:16Z

1

You can create global event bus for change time call this methods and listen this method and update answer Vue.js global event bus

answered Jun 15, 2017 at 14:10

Murad Sofiyev

7911 gold badge8 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sandrooco · Accepted Answer · 2017-06-16 06:34:10Z

0

As the getFittingAnswer method returns an object from my component data I simplified the template:

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

Using this directly, the data will always be up-to-date.

answered Jun 16, 2017 at 6:34

sandrooco

8,87611 gold badges56 silver badges101 bronze badges

Collectives™ on Stack Overflow

vue.js: Trigger binding update manually

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related