热门标签
热门文章
- 1Chat*GPT 提示工程 Prompt Engineering，基础教程之基础用法_rompt engineer 教程
- 2GPT Prompt的探索与应用_gpt system prompt
- 3Vue 的路由模式：hash 模式和 history 模式的区别_vue路由history和hash的区别
- 4TPAMI三维点云深度学习技术综述
- 5Unet++：a nested u-net_u-net++模型
- 6VTK 三维模型的简单拾取交互_vtk 获取三维切面上任意点
- 7Redis与MySQL双写一致性如何保证？
- 8Linux下C语言检验文件权限 Linux stat函数详解_使用stat判断文件是否为只读类型
- 9深入评测：ONLYOFFICE桌面编辑器v8.0——创新特性与协作的新神器_onlyoffice for java水印 性能
- 10【虚拟换衣】OOTDiffusion: Outfitting Fusion based Latent Diffusion for Controllable Virtual Try-on
当前位置: article > 正文
vue+element-ui 表格中图片缩略图悬浮显示_vue el-table 加上传缩略图的功能
作者：Cpp五条 | 2024-05-17 14:27:59
赞
踩
vue el-table 加上传缩略图的功能
<el-table-column prop="filepath" label="缩略图" v-if="show_filepath">
<template slot-scope="scope">
<el-popover placement="right" title="" trigger="hover">
<img :src="scope.row.filepath" style="height: 500px;width: 500px"/>
<img slot="reference" :src="scope.row.filepath" :alt="scope.row.filepath" style="height: 50px;width: 150px">
</el-popover>
</template>
</el-table-column>
<el-popover placement="right" title="" trigger="hover">
<img src="@/assets/01.png" style="height: 500px;width: 500px"/>
<img slot="reference" src="@/assets/01.png" style="width:200px;max-height:300px">
</el-popover>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/583975
推荐阅读
Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。
