Nuxt 3 のコンポーネントからプラグイン インジェクションにアクセスする
P粉217629009
P粉217629009 2023-08-24 23:26:49
0
1
419
<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>
P粉217629009
P粉217629009

全員に返信(1)
P粉709644700

nuxt 3 で domToImage プラグインを定義するときに同じ問題が発生しました。次の解決策を見つけました。それがあなたに役立つことを願っています。

  • nuxt プラグインで提供されるものを返します:
  • コンポーネントでの使用:
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート