如何在vue js中告诉组件不是自定义组件(<menuitem>)

Question

我使用vue.js，它将组件(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不是一个自定义组件。请参阅：menuitem.asp

我如何告诉vue.js：

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

非常感谢。

Answer 1

问题是不是所有浏览器都支持菜单项，请检查兼容性https://developer.mozilla.org/es/docs/Web/HTML/Element/menuitem

Vue.js将其识别为自定义元素，因为浏览器本身并不识别它。

如果它不是完全必要的，那么将元素更改为一个更稳定的html条目:)。

希望它有所帮助，并愉快地编码。

Answer 2

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

Vue.config.ignoredElements = [
  'menuitem'
]