如何忽略 VueJS 中的自定义 html 标签？

Posted 2023-02-23

【中文标题】如何忽略 VueJS 中的自定义 html 标签？

【英文标题】：How to ignore custom html tag in VueJS?

【发布时间】：2016-03-06 09:34:11

【问题描述】：

这是我的 vue 组件的 javascript 源代码

export default Vue.extend(
    template: `<fb:login-button ... ></fb:login-button>`
);

Vue 在控制台中显示以下警告

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？

我想知道如何忽略vue js中的fb-login-button标签？

或者我该怎么做？

【问题讨论】：

您必须使用<fb:login-button …> 元素/语法吗？它的 html5 兼容版本只使用 <div class="fb-login-button" …> - 由于这是标准 HTML 元素而不是自定义元素，我想它不会首先触发该警告。

也在此处寻找答案，特别是针对A-Frame 组件。想法？

【参考方案1】：

如果你使用的是 Vue 2.0 版本，你可以使用 config 的ignoreElements

Vue.config.ignoredElements = ['menuitem']

已经在 Vue 2.0 中实现，将在 Vue 1.1 中实现

资源：vuejs issues 3090: Ignore some custom HTML components

【讨论】：

相信你也可以在元素上使用v-pre。

我可能会建议将名称推送到现有数组中。我倾向于从同一个文件中创建、注册和排除。通过推送到现有数组，您可以避免覆盖其他人的更改。