0
点赞
收藏
分享

微信扫一扫

业务真的需要微服务吗

十里一走马 2024-03-07 阅读 9
vue.js前端

问题
在和el-table、el-dialog组合使用时,el-image图片预览的时候,会可能出现显示不全图片的情况。
图片来自https://blog.csdn.net/qq_43458194/article/details/123287102

解决方法

        <el-image-viewer
            :z-index="3000"
            :teleported="true"
        />

element文档中有属性:
在这里插入图片描述
设置后即可。

如果仅是使用el-image这个组件的话,是preview-teleported="true" 设置这个属性。

扩展
将el-dialog+el-image抽成一个组件的写法,避免出现图片宽高超过范围了显示不全的问题

参考文章
[Vue3+Element-Plus]点击列表中的图片预览时,图片被表格覆盖问题

举报

相关推荐

0 条评论