el-table 添加图片

要在 el-table 中添加图片，你可以使用 el-table-column 组件的 slot-scope 属性来自定义列的内容。在该属性中，你可以使用 HTML 和 CSS 来创建自己的列模板。

以下是一个示例代码，展示了如何在 el-table 中添加图片列：

<template>
  <el-table :data="tableData">
    <el-table-column label="姓名" prop="name"></el-table-column>
    <el-table-column label="头像">
      <template slot-scope="scope">
        <img :src="scope.row.avatar" alt="头像" style="width: 50px; height: 50px;">
      </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>

在上述代码中，我们使用了 el-table-column 组件的 slot-scope 属性来访问每一行的数据。通过 scope.row.avatar 获取当前行的头像 URL，并将其作为 img 标签的 src 属性值。

你可以根据实际情况调整代码，例如修改图片大小、添加其他列等。希望这个示例对你有帮助！如果你有任何进一步的问题，请随时提问。