從 Nuxt 3 中的元件存取插件注入

Question

使用Nuxt 3和vue-gtag，從元件存取$gtag的正確方法是什麼？

外掛程式/gtag.client.js：

import VueGtag 從 '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外掛程式中提供的：

• 在元件中使用：