vue3中el-table中点击图片放大时,被表格覆盖

问题:vue3中el-table中点击图片放大时,被表格覆盖。

解决方法:el-image 添加preview-teleported

html 复制代码
   <el-table-column label="封面图" prop="coverUrl">
                    <template #default="scope">
                        <el-image
                            style="width: 100px; height: 100px"
                            :src="scope.row.coverUrl"
                            :preview-src-list="[scope.row.coverUrl]"
                            preview-teleported
                        >
                        </el-image>
                    </template>
    </el-table-column>
相关推荐
阿珊和她的猫7 分钟前
Vue Router中的路由嵌套:主子路由
前端·javascript·vue.js
_龙小鱼_16 分钟前
Kotlin 作用域函数(let、run、with、apply、also)对比
java·前端·kotlin
霸王蟹21 分钟前
React 19中如何向Vue那样自定义状态和方法暴露给父组件。
前端·javascript·学习·react.js·typescript
小野猫子30 分钟前
Web GIS可视化地图框架Leaflet、OpenLayers、Mapbox、Cesium、ArcGis for JavaScript
前端·webgl·可视化3d地图
shenyan~41 分钟前
关于 js:9. Node.js 后端相关
前端·javascript·node.js
uwvwko1 小时前
ctfshow——web入门254~258
android·前端·web·ctf·反序列化
所待.3831 小时前
深入解析SpringMVC:从入门到精通
前端·spring·mvc
逃逸线LOF2 小时前
CSS之精灵图(雪碧图)Sprites、字体图标
前端·css
进取星辰2 小时前
31、魔法生物图鉴——React 19 Web Workers
开发语言·javascript·ecmascript
GISer_Jing3 小时前
Vue 和 React 状态管理的性能优化策略对比
vue.js·react.js·性能优化