element-ui 表格中图片缩略图悬浮显示

示例代码如下：

<el-table-column align="center" width="80" prop="url" label="图片">
     <template scope="scope">
       <el-popover placement="right" title="" trigger="hover">
         <img :src="scope.row.url" style="height: 400px;width: 500px">
         <img slot="reference" :src="scope.row.url" :alt="scope.row.url" style="max-height: 50px;max-width: 130px">
       el-popover>
     template>
el-table-column>

效果图：