elementUI的vue的列表图片悬浮,鼠标移动去图片放大。
<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:20
·
<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>
就不上效果图了,在显示图片的基础下,鼠标移动去能放大图片。
更多推荐
已为社区贡献6条内容
所有评论(0)