javascript - 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 warn]: Unknown custom element: <gcse:search>

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

提前致谢。

Answer 1

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

为了忽略这个标签，添加 v-pre directive :

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

---

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

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