euvl / vue-js-modal

Easy to use, highly customizable Vue.js modal library.
http://vue-js-modal.yev.io
MIT License
4.35k stars 592 forks source link

listen for and emit custom events on dynamic modal #785

Open mrkwdwrd opened 1 year ago

mrkwdwrd commented 1 year ago

I was using a Single-File Component in a dynamic modal and found I needed trigger a method on the component that was invoking the modal, from within the component in the modal, but I don't want it tied to any of the existing modal events.

I've created a custom-event listener on the modal which accepts an object containing the name of the event I ultimately want to listen for and and object of params (optional).

On the SFC shown in the modal, I emit the custom-event back to the parent:

image

And I've invoked the modal as follows and the my-custom-event listener as follows:

image