总结: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>里面