从 Nuxt 3 中的组件访问插件注入

Question

使用Nuxt 3和vue-gtag，从组件访问$gtag的正确方法是什么？

插件/gtag.client.js：

import VueGtag from 'vue-gtag';

export default defineNuxtPlugin(nuxtApp => {
  const router = useRouter();
  nuxtApp.vueApp.use(
    VueGtag,
    {
      config: {
        id: '...'
      }
    },
    router
  );
});

在 Nuxt 2 中，this.$gtag 可以从组件文件访问。

在 Nuxt 3 中，我似乎找不到它：

const nuxtApp = useNuxtApp();
nuxtApp.$gtag //undefined

看源码，似乎定义正确，所以我不认为是插件本身的问题。 app.config.globalProperties.$gtag = api;

Answer 1

我在 nuxt 3 中定义 domToImage 插件时遇到同样的问题。我找到了如下解决方案。希望对您有帮助。

• 返回nuxt插件中提供的：

• 在组件中使用：