el-image 设置表格自适应

el-image是Element UI库中的一个组件，用于显示图片。它可以根据图片的尺寸自动调整自身的大小，以适应不同的屏幕尺寸。

如果你要在表格中使用el-image，并使其自适应表格的大小，可以按照以下步骤进行操作：

1. 首先，在表格的列定义中，使用自定义的插槽来渲染el-image组件。例如：

<el-table-column prop="image" label="图片">
  <template slot-scope="scope">
    <el-image :src="scope.row.image" fit="contain"></el-image>
  </template>
</el-table-column>

在这个例子中，我们将表格的数据源中的image字段作为el-image的src属性，并设置fit属性为"contain"，以确保图片在el-image中完整显示。

2. 接下来，为了使el-image自适应表格的大小，可以使用CSS样式来设置其宽度和高度。可以通过给el-image添加一个类名，并在样式中设置该类名的宽度和高度来实现。例如：

<el-table-column prop="image" label="图片">
  <template slot-scope="scope">
    <el-image :src="scope.row.image" fit="contain" class="table-image"></el-image>
  </template>
</el-table-column>

.table-image {
  width: 100%;
  height: auto;
}

在这个例子中，我们给el-image添加了一个名为"table-image"的类名，并设置其宽度为100%，高度为自动调整。

通过以上步骤，你可以将el-image设置为自适应表格的大小。