elementUI的el-dialog遮罩层问题

图一

图一中是一个el-dialog,这个弹出框中有一个上传图片的地方,上传完之后就是图一的状态,我把鼠标移到图片上,想要图片放大预览,预览后就出现图二的状态了
图二
在百度里搜索了一下出现这个问题的原因是,z-index是有从父原则的,有提供一个解决办法是在el—dialog标签里增加:modal-append-to-body='false' 或:append-to-body='true',但是预览图片弹出框的el-dialog是动态添加进去的,我没法写死,望各位大神给出出主意,谢谢~

阅读 18.5k
2 个回答
新手上路,请多包涵

找到你点击图片放大的el-dialog,给他添加:modal="false"属性取消遮罩层或者添加append-to-body属性,让对话框在body上。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题