Ant Design Vue给a-modal组件title插入图片
时间: 2023-12-18 19:02:17 浏览: 326
ant-design-vue-2.0.0-rc.6.zip
要在 Ant Design Vue 的 a-modal 组件的 title 中插入图片,可以使用 slot 来实现。具体步骤如下:
1. 在 a-modal 组件中添加一个 slot,用于插入标题图片。
```html
<template>
<a-modal v-model="visible">
<template #title>
<div>
<img src="your-image-url" alt="title-image" />
<span>{{ title }}</span>
</div>
</template>
<!-- modal content here -->
</a-modal>
</template>
```
2. 在 slot 中添加一个 div,将图片和标题包裹起来。
3. 在 div 中插入 img 标签,将图片的地址设置为要插入的图片 URL。
4. 在 span 中插入标题文本,将标题文本设置为组件的 title 属性。
这样就可以在 a-modal 组件的标题中插入图片了。
阅读全文