Modal 的z-index,点击弹窗不断增大,然后就会挡住其他元素,比如:全局$Message,Select的下拉框等。这样做是为了解决:
“本次更新,也对 Modal 进行了加强。3.0 开始,Modal 组件开始支持拖拽,这意味着同时可以显示多个 Modal,那层级就会是个问题。3.1.0 版本彻底解决了这个问题,如果你同时打开了多个 Modal(一般场景是打开了多个可拖拽的 Modal),现在是有层级关系的,新打开的,或者点击某个 Modal 的可视区域,它都将置为最顶层,而且按 ESC 键,只会关闭最顶层的一个 Modal,不会全部关闭了。而且新增加的 z-index 的属性,可以自定义 Modal 初始的层级值了。”
摘自:https://segmentfault.com/a/1190000016259040
Github Modal源码:
handleClickModal() {
// 就是这里导致点击Modal内容区z-index 不断增大
this.modalIndex=this.handleGetModalIndex();
}
在最新的代码中已经修复此问题,增加了对拖拽功能的判断:
handleClickModal() {
if(this.draggable) {
this.modalIndex=this.handleGetModalIndex();
}
}