Vue 忽略自定义组件标签

Question

在我的网站上，我使用的是 Google CSE（Google 的自定义搜索引擎）。

这是我的 HTML：

 <div id="app">
  ...
  <gcse:search></gcse:search>
  ...
</div>
<script type="text/javascript">
    new Vue({ el: '#app' })
</script>

如您所见，我在我的 vue 应用程序中放置了一个“gcse 输入”。

因此我收到警告：

[Vue 警告]：未知自定义元素： <gcse:search>

所以我的问题是如何停止尝试在 Vue.js 中初始化这个自定义组件？

提前致谢。

原文由 abdulmanov.ilmir 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Vue 认为您正在尝试加载名为 gcse:search 的 Vue 组件。

为了忽略这个标签，添加 v-pre 指令：

 <gcse:search v-pre></gcse:search>

---

或者，您可以将 gcse:search 标签添加到 Vue 的 ignoredElements 列表中：

 Vue.config.ignoredElements = ['gcse:search']

原文由 thanksd 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

除了 thanksd 的答案之外，您还可以通过在 ignoredElements 属性中添加这些标签来忽略未知标签：

 Vue.config.ignoredElements = ['gcse:search']

您也可以使用正则表达式而不是字符串来忽略这些标签：

 Vue.config.ignoredElements = [/gcse:*/]

如果您想忽略更多具有特定模式的标签/组件，这将非常有用。在这种情况下，您可以忽略所有以“gcse”开头的标签

原文由 Miguel Gonzalez 发布，翻译遵循 CC BY-SA 4.0 许可协议