如何将toast prive集成到nuxt3中？

Question

我正在使用 primeVue 库。我以前没有使用过 nuxt，这个组件对我有用。 我像这样将它注册为 main.ts 中的插件。

import ToastService from "primevue/toastservice"
app.use(ToastService)

如何让它在 nuxt 中工作？ 它立即抛出错误 No PrimeVue Toastprovided!当我尝试调用 useToast

Answer 1

在使用之前你必须定义一个nuxt插件

"primevue/toastservice"

首先添加插件

plugins/primevue-toastservice.ts

import ToastService from 'primevue/toastservice'

export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(ToastService);
});

现在你可以使用它了