vue.js - 代码块中的 Vue 组件，Vue 试图渲染模板

Question

我试图在我的文档中显示示例 Vue 组件，但是 Vue 也在template我的 Vue 组件中识别。

vehicle-documents不是注册组件，同样放入如下代码：

Vue.config.ignoredElements = ['slide', 'slider', 'vehicle-documents'];

所以 Vue 忽略了组件本身：

If you want the modal make sure you add the click event and call the `open` function, and pass the `document` into this function call, as seen below.

```html
<vehicle-documents class="app" vehicle-id="">
    <template v-slot:default="slotProps">
        <button @click="slotProps.open(slotProps.document)">
            {{ slotProps.document.name }}
        </button>
    </template>
</vehicle-documents>
```

如何让 Vue 忽略该template块？我在这个页面上需要 Vue，所以这不是仅仅删除 Vue 的简单案例。

标签： vue.js

Answer 1

试试这个，添加v-pre和type="text/x-template"

<vehicle-documents class="app" vehicle-id="">
   <template v-pre type="text/x-template">
      <button @click="slotProps.open(slotProps.document)">
        {{ slotProps.document.name }}
      </button>
   </template>
</vehicle-documents>