Vue3 + Element-Plus 使用 Table 预览图片发生元素遮挡

最新推荐文章于 2025-04-08 16:45:43 发布

她似晚风般温柔789

最新推荐文章于 2025-04-08 16:45:43 发布

阅读量1.1k

点赞数 16

分类专栏：项目踩坑日记技术分享文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_56050344/article/details/137828781

版权

文章描述了在Vue3和Element-Plus中，如何使用Table组件时遇到的图片预览导致其他元素被遮挡的问题，以及通过添加`preview-teleported`属性来解决这一问题的过程和最终显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue3 + Element-Plus 使用 Table 预览图片发生元素遮挡

问题代码
问题重现
解决方法
最终效果

问题代码

<el-table-column label="视频" align="center">
                <template #default="scope" style="display: flex;">
                    <div style="display: flex; align-items: center">
                        <video v-for="(item, index) in scope.row.videos"