从组件外部打开一个 modal 的 vue-js-modal

Question

我们在我们的项目中使用vue-js-modal ，我想从不在 vue 组件中的代码中打开一个模式。 该文档仅说明如何使用组件中的 API。 有一种方法可以从任何地方操作vue-js-modal ？

X 问题，当router.onError((error)=>...)中发生路由器错误时，我想通过弹出窗口警告用户

Answer 1

实例化一个新的 Vue object，允许访问 $modal API 入口点：

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