我使用primeVue库.我以前没有用过nuxt,这个组件对我很有效. 我注册它作为一个插件在main.ts这样.

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

我怎样才能让它在nuxt工作? 它立即抛出错误没有PrimeVue cogo toast 提供!只要我打电话给useToast

推荐答案

在使用"primevue/toastservice"之前,您必须定义nuxt插件

首先添加一个插件plugins/primevue-toastservice.ts

import ToastService from 'primevue/toastservice'

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

现在你可以使用它了

阅读nuxt3 plugins document了解更多详细信息

Vue.js相关问答推荐

Vue CDN的html工作,但v—如果不工作

点击屏幕的任何位置都会禁用v-overlay

vue3 ssr 不返回纯 html

在 Vue 中删除自定义组件代码重复的方法?

如果单元格不可见,则以编程方式打开行的编辑模式. Ag 网格,Vue.js

在 Ajax 函数中访问 Vue.js 组件属性

在重复表行中

在 Vuex 的状态下动态创建一个响应式数组

如何在 Nativescript 应用程序中调用 axios/api 调用

作用域slots和 IE11 的问题

Vue 两种方式的 prop 绑定

Vuetify 容器不会填充高度

vue-router的router-link实际刷新?

ionic - `slot` 属性已被弃用 - eslint-plugin-vue

Nuxt 应用程序在刷新动态路由时返回 404(Tomcat 服务器)

Vue CLI - 将构建输出组合到单个 html 文件

Vuejs - 使用 v-if 切换的保持活动组件

VueJS错误避免直接改变props

如何在布局中使用组件?

使用 svelte js 的原因