如何在 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 不是自定义组件。参见：http://www.w3schools.com/tags/tag_menuitem.asp

我如何告诉 vue.js：

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

非常感谢。

Answer 1

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

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

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

希望对您有所帮助，祝您编码愉快。

Answer 2

您可以通过Vue.config.ignoredElements设置"ignored elements"。

Vue.config.ignoredElements = [
  'menuitem'
]

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

How tell in vue js that a component is not a custom one (<menuitem>)

javascript

menuitem

vue.js