vue+elementui el-table中显示图片

在Vue中使用Element UI的el-table组件显示图片，你可以在el-table-column中使用template或者scoped slot来定义如何渲染图片列。

以下是一个简单的例子，展示如何在el-table中显示图片：

<template>
  <el-table :data="tableData" style="width: 100%">
    <!-- 其他列 -->
    <el-table-column prop="image" label="图片">
      <template slot-scope="scope">
        <el-image
          style="width: 100px; height: 100px"
          :src="scope.row.image"
          fit="fill"></el-image>
      </template>
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        {
          // 其他数据
          image: 'http://example.com/image1.jpg'
        },
        {
          // 其他数据
          image: 'http://example.com/image2.jpg'
        },
        // 更多数据...
      ]
    };
  }
};
</script>

在这个例子中，我们定义了一个名为image的el-table-column，并使用template来渲染el-image组件。scope.row.image是当前行数据中的图片链接。你需要确保tableData中的每个对象都包含一个有效的图片链接image属性。