先来看下效果图
如果需要移入图片放大则可使用el-popover悬浮效果
<el-table-column
align="center"
label="模板封面"
prop="image"
>
<template slot-scope="scope">
<el-popover
placement="right"
title=""
trigger="hover"
>
<!-- 放大的图片 -->
<el-image style= "max-height: 10rem; max-width: 18rem" :src="scope.row.image" />
<!-- 表格中的 -->
<el-image
slot="reference"
:src="scope.row.image"
:alt="scope.row.image"
style="width:7rem;height:4rem;"
/>
</el-popover>
</template>
</el-table-column>
若是不需要放大直接使用el-image
<el-table-column
align="center"
label="模板封面"
prop="image"
>
<template slot-scope="scope">
<el-image style= "height: 10rem; width: 18rem" :src="scope.row.image" />
</template>
</el-table-column>