<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>

就不上效果图了,在显示图片的基础下,鼠标移动去能放大图片。

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐