element-plus表格显示图片

在 element-plus 表格中显示图片，你可以使用自定义模板来实现。首先，你需要在表格列的 `render` 函数中返回一个包含 `<img>` 标签的 HTML 字符串。

下面是一个简单的示例代码，展示了如何在 element-plus 表格中显示图片：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column label="Image">
      <template #default="{ row }">
        <img :src="row.imageUrl" alt="Image" height="50" width="50">
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Item 1', imageUrl: 'https://example.com/image1.jpg' },
        { name: 'Item 2', imageUrl: 'https://example.com/image2.jpg' },
        // 添加更多数据...
      ]
    };
  }
};
</script>

在上面的代码中，我们定义了一个 `tableData` 数组，其中包含了每一行的数据和对应的图片 URL。在 `el-table-column` 中，我们使用了自定义模板，并通过 `row` 参数获取当前行的数据，然后使用 `<img>` 标签来显示图片。你可以根据自己的需求调整 `img` 标签的属性。

记得替换示例代码中的图片 URL 和表格数据，以适应你的实际情况。