VueJS change v-model variable from child

Question

I\'m trying to change the v-model of a component by the parent component most I\'m not getting.

In the parent component I have a showProgress v

Answer 1

To enable usage of v-model by the parent, you have to define a value prop in the child and use it.

This way, when you use:

...the value inside progress-modal will have the value of parent's showProgress.

Keeping it named show

To use other internal name instead of value you can declare the model option in the component.