Vue忽略自定义组件标记

Question

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

这是我的HTML：

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

正如您所看到的，我有一个＆＃34; gcse输入＆＃34;放在我的vue应用程序中。

因此我收到警告：

  

[Vue警告]：未知的自定义元素：<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']

Answer 2

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

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

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

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

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