2016-07-06 7 views
3

Ich verwende vue.js und es erkennt eine Komponente (menuitem) als benutzerdefinierte.Wie in vue js sagen, dass eine Komponente ist keine benutzerdefinierte (<menuitem>)

<menu type="context" id="viewerContextMenu"> 
    <menuitem id="firstId"></menuitem> 
    <menuitem id="secondId"></menuitem> 
    <menuitem id="thidId"></menuitem> 
</menu> 

So habe ich die Warnung in meinem Browser-Konsole:

"Unknown custom element: <menuitem> - did you register the component correctly? For recursive components, make sure to provide the "name" option." 

Die Sache ist, menuitem ist keine eigene Komponente. Siehe: http://www.w3schools.com/tags/tag_menuitem.asp

Wie kann ich sagen, dass vue.js:

  • entweder menuitem ist keine benutzerdefinierte Komponente
  • oder nicht überprüfen, diesen Teil des Codes.

Vielen Dank.

+0

Eine Antwort auf eine ähnliche Frage zeigt, dass es nicht möglich ist, zu tun, was Sie wollen, es sei denn, Sie alle Warnungen verbergen: http://stackoverflow.com/questions/34810206/how-to-prevent-vue to-interpreted-custom-tags – asemahle

+0

W3schools ist eine schreckliche Quelle von Informationen, viele Informationen, die Sie dort finden, ist einfach falsch – gurghet

+0

In den gleichen Link, den Sie geteilt haben, wird auch darauf hingewiesen, dass dieses Element in nur 1 Browser unterstützt wird – Nora

Antwort

1

Die Sache ist es, dass menuitem es nicht von allen Browsern unterstützt, überprüfen Sie die Kompatibilität https://developer.mozilla.org/es/docs/Web/HTML/Element/menuitem

Vue.js erkennt es als benutzerdefiniertes Element, da Browser selbst es nicht erkennt.

Wenn es nicht vollständig notwendig ist, ändern Sie das Element zu einem stabileren HTML-Element :).

Hoffe es hilft, und glücklich Codierung.

+0

Danke für Ihre Antwort. Tatsächlich wird "menueitem" von Firefox nicht unterstützt. Schließlich schalten wir diesen Teil des Codes aus und entwickeln unsere eigene vue.js-Komponente. Es ist viel einfacher so ... –

1

Sie können "ignored elements" über Vue.config.ignoredElements festlegen.

Vue.config.ignoredElements = [ 
    'menuitem' 
] 
Verwandte Themen