使用弹出框
核心:
<el-popover placement="top-start" title="" trigger="hover">
<img :src="item" alt="" style="width: 100%;height: 100%">
<img slot="reference" :src="item" >
</el-popover>
<el-table-column
prop="carImg"
label="车辆图片">
<template slot-scope="scope">
<el-popover
placement="right"
:title="scope.row.carId + pictureTitle"
trigger="hover">
<img :src="huaWeiUrl+scope.row.carImg"/>
<img slot="reference" :src="huaWeiUrl+scope.row.carImg" style="max-height: 50px;max-width: 150px">
</el-popover>
</template>
</el-table-column>
//本人华为云服务器图片地址,
huaWeiUrl:'https://leitianquan.obs.cn-north-4.myhuaweicloud.com/',
//放大图片标题
pictureTitle:'号车辆'