Nuxt 3의 구성 요소에서 플러그인 삽입에 액세스
P粉217629009
2023-08-24 23:26:49
<p>Nuxt 3 및 vue-gtag를 사용하여 구성 요소에서 <code>$gtag</code>에 액세스하는 올바른 방법은 무엇입니까? </p>
<p>plugin/gtag.client.js:</p>
<pre class="brush:php;toolbar:false;">'vue-gtag'에서 VueGtag 가져오기;
기본 정의 내보내기NuxtPlugin(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 플러그인을 정의할 때 동일한 문제에 직면했습니다. 다음 해결책을 찾았습니다. 그것이 당신에게 도움이 되기를 바랍니다.