element -plus el-table-column 显示图片
时间: 2023-11-22 08:05:20 浏览: 164
excel显示图片
4星 · 用户满意度95%
要在 element-plus 的 el-table-column 中显示图片,可以使用自定义模板来实现。具体步骤如下:
1. 在 el-table-column 中设置 prop 属性为图片的地址字段名,例如:prop="imageUrl"。
2. 在 el-table-column 中设置自定义模板,例如:template="#image-template"。
3. 在 el-table-column 所在的 el-table 中设置 scopedSlots 属性,例如::scopedSlots="{image: 'image'}"。
4. 在 el-table 所在的组件中定义自定义模板,例如:
```
<template #image-template="{row}">
<img :src="row.imageUrl" alt="图片">
</template>
```
这样就可以在 el-table-column 中显示图片了。
阅读全文