使用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;
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
我在 nuxt 3 中定义 domToImage 插件时遇到同样的问题。我找到了如下解决方案。希望对您有帮助。