element-plus table显示图片
时间: 2023-10-10 08:05:27 浏览: 443
列表框显示图片
4星 · 用户满意度95%
好的,关于如何在 element-plus table 中显示图片,您可以采用以下方法:
1. 在 table 的 column 中使用作用域插槽,将图片显示在单元格中:
```
<el-table :data="tableData">
<el-table-column label="图片">
<template #default="{ row }">
<img :src="row.imageUrl" alt="图片">
</template>
</el-table-column>
</el-table>
```
其中,tableData 为表格数据,imageUrl 为每条数据中存储图片的字段。
2. 在 column 中使用自定义模板,将图片显示在单元格中:
```
<el-table :data="tableData">
<el-table-column label="图片">
<template>
<img :src="scope.row.imageUrl" alt="图片">
</template>
</el-table-column>
</el-table>
```
同样地,tableData 为表格数据,imageUrl 为每条数据中存储图片的字段。
希望以上方法可以解决您的问题。如果您还有其他问题,请随时提出。
阅读全文