web-dev-qa-db-fra.com

Vue ignorer la balise de composant personnalisé

Sur mon site, j'utilise Google CSE (moteur de recherche personnalisé par google).

Voici mon HTML:

<div id="app">
  ...
  <gcse:search></gcse:search>
  ...
</div>
<script type="text/javascript">
    new Vue({ el: '#app' })
</script>

Comme vous pouvez le voir, j'ai une "entrée gcse" placée à l'intérieur de mon application vue.

Par conséquent, je reçois un avertissement:

[Vue warn]: Élément personnalisé inconnu: <gcse:search>

Ma question est donc de savoir comment arrêter de tenter d'initialiser ce composant personnalisé dans Vue.js?

Merci d'avance.

javascripthtmlvue.jsvue-component
16
abdulmanov.ilmir

Vue pense que vous essayez de charger un composant Vue nommé gcse:search.

Pour ignorer cette balise, ajoutez le v-pre directive :

<gcse:search v-pre></gcse:search>

Vous pouvez également ajouter le gcse:search tag à la liste de Vue de ignoredElements :

Vue.config.ignoredElements = ['gcse:search']
31
thanksd

En plus de la réponse thanksd , vous pouvez ignorer les balises inconnues en ajoutant ces balises dans la propriété ignoredElements:

Vue.config.ignoredElements = ['gcse:search']

Et vous pouvez également ignorer ces balises en utilisant l'expression régulière au lieu d'utiliser des chaînes:

Vue.config.ignoredElements = [/gcse:*/]

Ceci est très utile si vous souhaitez ignorer plus de balises/composants avec un motif spécifique. Dans ce cas, vous pouvez ignorer toutes les balises commençant par "gcse"

0
Miguel Gonzalez