Open a modal of vue-js-modal from outside a component

Question

We are using vue-js-modal in our project, and I want to open a modal from code which isn't in a vue component. The documentation only indicate how to use the API from a component. There is a way to manipulate vue-js-modal from anywhere ?

The X problem, I want to warn user with a popup when a router error occure in router.onError((error)=>...)

You can use the vue EventBus to raise an event and handle it in your component. — Sowmyadhar Gourishetty, Aug 10 '20 at 15:38
Didn't know that, thanks for your suggestion. Instantiating a new "Vue" object, allow me to access the "$modal" entrypoint for vue-js-modal API. — fabien-michel, Aug 10 '20 at 15:52

fabien-michel · Accepted Answer · 2020-08-10T20:35:20.877

2

Instantiating a new Vue object, allow to acces the $modal API entrypoint :

const vue = new Vue();
vue.$modal.show({template:'<div>Error during loading...</div>'});

edited Aug 10 '20 at 20:35

answered Aug 10 '20 at 15:56

fabien-michel

1,873
19
38

Awesome! you got the solution :) – Sowmyadhar Gourishetty Aug 10 '20 at 16:00

Open a modal of vue-js-modal from outside a component

1 Answers1