vue table鼠标悬停放大图片

2022-06-10  本文已影响0人  末小竹

<el-table-column label="图片" align="center" prop="picture" >
<template slot-scope="scope">
<el-popover placement="right" trigger="hover">
<img :src="scope.row.picture" style="width:200px;height:350px;"/>
<img slot="reference" :src="scope.row.picture" style="max-width: 50px;max-height: 100px">
</el-popover>
</template>

上一篇 下一篇

猜你喜欢

热点阅读