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;">「vue-gtag」から VueGtag をインポートします。
デフォルトのエクスポートdefineNuxtPlugin(nuxtApp => {
const ルーター = useRouter();
nuxtApp.vueApp.use(
VueGtag、
{
設定: {
ID:「...」
}
}、
ルーター
);
});</pre>
<p>Nuxt 2 では、コンポーネント ファイルから <code>this.$gtag</code> にアクセスできます。 </p>
<p>Nuxt 3 では、それが見つからないようです: </p>
<pre class="brush:php;toolbar:false;">const nuxtApp = useNuxtApp();
nuxtApp.$gtag //未定義</pre>
<p>ソースコードを見ると定義は正しいようなので、プラグイン自体の問題ではないと思います。
<code>app.config.globalProperties.$gtag = api;</code></p>
nuxt 3 で domToImage プラグインを定義するときに同じ問題が発生しました。次の解決策を見つけました。それがあなたに役立つことを願っています。