2016-07-06 92 views
3

我使用vue.js,它将组件(menuitem)识别为自定义组件。如何知道组件不是自定义组件(<menuitem>)

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

所以,我在我的浏览器控制台的警告:

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

的事情是,menuitem不是一个自定义组件。请参阅:http://www.w3schools.com/tags/tag_menuitem.asp

我怎么能告诉vue.js说:

  • 或者菜单项不是一个自定义组件
  • 或不检查这部分代码。

非常感谢。

+0

对类似问题的回答表明,除非您隐藏所有警告,否则可能无法做到您想要的操作:http://stackoverflow.com/questions/34810206/how-to-prevent-vue对于解释定制标签 – asemahle

+0

W3schools是一个可怕的信息来源,你会发现很多信息是明显错误 – gurghet

+0

在你分享的同一个链接,也指出这个元素仅在1浏览器支持 – Nora

回答

1

它是菜单项它不是所有浏览器都支持的东西,检查兼容性 https://developer.mozilla.org/es/docs/Web/HTML/Element/menuitem

Vue.js认识到它作为一个自定义元素,因为浏览器本身不能识别它。

如果不是完全必要,请将元素更改为更稳定的html项:)。

希望它有帮助,快乐的编码。

+0

感谢您的回答。的确,“menuitem”不被Firefox支持。最后,我们关掉这部分代码并开发我们自己的vue.js组件。这样更容易... –

1

您可以通过Vue.config.ignoredElements设置“忽略的元素”。

Vue.config.ignoredElements = [ 
    'menuitem' 
]