在 ant design vue 的Table组件中 展示图片的方法‘
时间: 2024-05-14 09:13:54 浏览: 97
layui的table中显示图片方法
您可以使用 Table 组件中的自定义 slot 来展示图片。您可以在需要展示图片的列的 slot 里面加入 img 标签,并设置 src 属性为需要展示的图片的地址。例如:
```html
<a-table-column title="图片展示" dataIndex="imageUrl">
<template slot-scope="text">
<img :src="text" style="max-width: 100px; max-height: 100px;">
</template>
</a-table-column>
```
其中,dataIndex 为需要展示图片的数据字段名,text 为该字段的值,即图片的地址。在 slot-scope 中,我们可以通过 text 来获取该列对应的值,并将其作为图片的 src 属性。同时,我们可以设置图片的最大宽高来保证表格的美观度。
阅读全文