從 Nuxt 3 中的元件存取插件注入
P粉217629009
2023-08-24 23:26:49
<p>使用Nuxt 3和vue-gtag,從元件存取<code>$gtag</code>的正確方法是什麼? </p>
<p>外掛程式/gtag.client.js:</p>
<pre class="brush:php;toolbar:false;">import VueGtag 從 'vue-gtag';
export default defineNuxtPlugin(nuxtApp => {
const router = useRouter();
nuxtApp.vueApp.use(
VueGtag,
{
config: {
id: '...'
}
},
router
);
});</pre>
<p>在 Nuxt 2 中,<code>this.$gtag</code> 可以從元件檔案存取。 </p>
<p>在 Nuxt 3 中,我似乎找不到它:</p>
<pre class="brush:php;toolbar:false;">const nuxtApp = useNuxtApp();
nuxtApp.$gtag //undefined</pre>
<p>看原始碼,似乎定義正確,所以我不認為是插件本身的問題。
<code>app.config.globalProperties.$gtag = api;</code></p>
我在 nuxt 3 中定義 domToImage 外掛時遇到相同的問題。我找到瞭如下解決方案。希望對您有幫助。