javascript - keep - vue props

Cómo decir en vue js que un componente no es personalizado(<menuitem>)

Question

Yo uso vue.js y reconoce un componente ( menuitem ) como uno personalizado.

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

Entonces, tengo la advertencia en la consola de mi navegador:

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

El caso es que menuitem no es un componente personalizado. Ver: http://www.w3schools.com/tags/tag_menuitem.asp

¿Cómo puedo decirle a vue.js que:

• ya sea menuitem no es un componente personalizado
• o no verifique esta parte del código.

Muchas gracias.

Answer 1

Lo que pasa es que el menú no es compatible con todos los navegadores, compruebe la compatibilidad https://developer.mozilla.org/es/docs/Web/HTML/Element/menuitem

Vue.js lo reconoce como un elemento personalizado, ya que el navegador no lo reconoce.

Si no es completamente necesario, cambie el elemento a un elemento html más estable :).

Espero que ayude, y feliz codificación.

Answer 2

Puede establecer "elementos ignorados" a través de Vue.config.ignoredElements .

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