使用element ui表格,导致图片放大预览层叠冲突问题

之前在处理表格中的图片放大预览时 ,因为vue调用了element ui组件库的表格组件el-table,导致在使用图片放大预览时出现了样式重叠和冲突,看看之前的代码,这里我一开始用的时img标签。没有采用element  ui的el-image,因为考虑到z-index方便在img上使用,然并卵,这个方法并不起作用

通过分析验证,重新换掉了原本的img标签,具体代码如下:

 <div class="block">
                            <el-image :src="AuditFileInt.cardBehind"
                                style="width: 336.5px;height: 212.5px;margin-right: 30px;"
                                :preview-src-list="[`${AuditFileInt.cardBehind}`]" fit="cover" append-to-body></el-image>
                            <span class="demonstration">身份证反面</span>
                        </div>

 我们来看看效果:

解决了层叠问题,

猜你喜欢

转载自blog.csdn.net/qq_45061876/article/details/129296636