Vue.js close modal from child component

Question

I want to close vuejs modal from child component inside this modal. Case:

<modal name="some-modal">
        <some-component></some-component>
</modal>

Inside SomeComponent i want to close some-modal. Is it good approach ? Can it be done better way ? Please adivse, Regards

Answer 1

You need to emit an event from the child component using this.$emit('exit', true).

Then listen for that event in the parent component (Modal).

<modal name="some-modal">
    <some-component @exit="closeModal"></some-component>
</modal>

Then write the logic to closeModal function.