当前位置:   article > 正文

有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题_el-table在el-dialog显示比较模糊

el-table在el-dialog显示比较模糊

总结:el-dialog一定不要放在<el-table-column>里面不然就会出现以下问题:

1.背景问题:

先看正常的:

关闭阴暗背景::modal="false"

开启阴暗背景(默认):  :modal="true"

非正常的:

当你把<el-dialog>放在<el-table-column>里面神奇的事情就会发生

阴暗背景::modal="true"默认就是开启

页面就会变这样

这时候关闭阴暗背景::modal="false"

可以看到在弹窗还是有一圈黑色阴影的

2.列表底边线穿透问题

可以看到列表的底线居然覆盖到了弹窗

我自己封装了弹窗组件设置定位position: fixed;以及z-index都无法解决这个问题

总结:

一定不要把<el-dialog>放在<el-table-column>里面

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/86011
推荐阅读