问题:
在和el-table、el-dialog组合使用时,el-image图片预览的时候,会可能出现显示不全图片的情况。
解决方法:
<el-image-viewer
:z-index="3000"
:teleported="true"
/>
element文档中有属性:
设置后即可。
如果仅是使用el-image这个组件的话,是preview-teleported="true"
设置这个属性。
扩展:
将el-dialog+el-image抽成一个组件的写法,避免出现图片宽高超过范围了显示不全的问题
参考文章:
[Vue3+Element-Plus]点击列表中的图片预览时,图片被表格覆盖问题