情景:在想在列表中鼠标移到图片上,然后预览放大图片。
实现代码:
<el-table-column prop="dataUrl" header-align="center" align="center" width="150px" label="图片">
<template slot-scope="scope">
<el-popover placement="right" title trigger="hover">
<img :src="baseUrl+scope.row.dataUrl" style="height: 200px;width: 300px" align="center" />
<img slot="reference" :src="baseUrl+scope.row.dataUrl" style="max-height: 50px;max-width: 130px"
/>
</el-popover>
</template>
</el-table-column>
ok 这次就到这里了^ - ^