如何全局导入vue3-toastify并在其他页面调用？

Question

我下载了这个包，它有效。我没问题。

https://www.npmjs.com/package/vue3-toastify?activeTab=readme

我想要做的就是在我的 main.ts 文件中导入一次，这样就不需要在其他页面上导入它了。

我的main.ts；

// Vue Toast
import Vue3Toastify, {type ToastContainerOptions} from 'vue3-toastify';
app.use(Vue3Toastify, {
    autoClose: 3000,
    position: 'top-right',
    theme: "light",
    pauseOnFocusLoss: false,
} as ToastContainerOptions)

我尝试了他们在文档中提供的导入方法，但没有成功。

Answer 1

为什么不创建一个服务来做到这一点。 例如，有一个只接受标题、文本和类型的服务函数 有了这个，你就能实现它