Accéder à l'injection de plugins à partir de composants dans Nuxt 3
P粉217629009
2023-08-24 23:26:49
<p>En utilisant Nuxt 3 et vue-gtag, quelle est la bonne façon d'accéder à <code>$gtag</code> </p>
<p>plugin/gtag.client.js:</p>
<pre class="brush:php;toolbar:false;">importer VueGtag depuis 'vue-gtag';
exporter par défaut définirNuxtPlugin(nuxtApp => {
const routeur = useRouter();
nuxtApp.vueApp.use(
VueGtag,
{
configuration : {
identifiant: '...'
}
},
routeur
);
});</pré>
<p>Dans Nuxt 2, <code>this.$gtag</code> est accessible à partir du fichier du composant. </p>
<p>Dans Nuxt 3, je n'arrive pas à le trouver : </p>
<pre class="brush:php;toolbar:false;">const nuxtApp = useNuxtApp();
nuxtApp.$gtag //non défini</pre>
<p>En regardant le code source, il semble que la définition soit correcte, donc je ne pense pas que ce soit un problème avec le plug-in lui-même.
<code>app.config.globalProperties.$gtag = api;</code></p>
J'ai rencontré le même problème lors de la définition du plugin domToImage dans nuxt 3. J'ai trouvé la solution suivante. j'espère que cela vous aidera.