Question

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

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 的情况。

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>

代码块中的 Vue 组件，Vue 尝试渲染模板

1 个答案: