Vuetify, closing Snackbar without closing dialog

A workaround (if the "dismiss on clicking outside the dialog" function is not needed) is to add the property persistent to the dialog.

The click outside the dialog (when clicking the close in the snackbar) is the reason your dialog gets dismissed


For anyone still looking for a good solution: add <div class="v-menu__content--active" style="display:none; z-index:1000;"></div> as a child of your v-snackbar. This tricks v-dialog to think it was not the active component when click outside happened and prevents closing.

Tags:

Vuetify.Js