el-table-column 显示图片 上代码

可以使用 el-table-column 的 scoped slot 来自定义列的内容，具体实现如下：

<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column label="头像">
<template slot-scope="scope">
<img :src="scope.row.avatar" alt="" width="50" height="50">
</template>
</el-table-column>
</el-table>
</template>

<script>
export default {
data() {
return {
tableData: [
{
name: '张三',
avatar: 'https://example.com/avatar1.jpg'
},
{
name: '李四',
avatar: 'https://example.com/avatar2.jpg'
}
]
}
}
}
</script>

在上面的代码中，我们使用了一个名为 avatar 的属性来存储每个人的头像地址，然后在 el-table-column 的 scoped slot 中使用了一个 img 标签来显示头像。注意，我们需要在 img 标签中使用 :src 绑定头像地址，而不是直接写死在模板中。