Greifen Sie über Komponenten in Nuxt 3 auf die Plugin-Injektion zu

Question

Wie kann ich mit Nuxt 3 und vue-gtag von einer Komponente aus richtig auf $gtag zugreifen?

plugin/gtag.client.js:

VueGtag aus 'vue-gtag' importieren;

Standard exportieren defineNuxtPlugin(nuxtApp => {
  const router = useRouter();
  nuxtApp.vueApp.use(
    VueGtag,
    {
      Konfiguration: {
        Ausweis: '...'
      }
    },
    Router
  );
});

In Nuxt 2 kann auf this.$gtag zugegriffen werden.

In Nuxt 3 kann ich es anscheinend nicht finden:

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

Wenn man sich den Quellcode ansieht, scheint die Definition korrekt zu sein, daher glaube ich nicht, dass es sich um ein Problem mit dem Plug-in selbst handelt. app.config.globalProperties.$gtag = api;

Answer 1

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

• 返回nuxt插件中提供的：

• 在组件中使用：