iview 3.1.0 Modal z-index,在点击弹窗的过程一直增大,遮盖其他元素

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();

     }

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,099评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,555评论 2 59
  • 2017.12.15 星期五 阴有小雨 心情:挺好 不知从何时起,每晚放学,不再流连于教室里的嬉闹,而是迫不及待地...
    三工木容阅读 1,630评论 0 5
  • 日常效果图 支持两个以上的view无限展示 项目中刚好有这个需求,封装一下当一个组件,方便童鞋方便自己。githu...
    WhiteZero阅读 3,738评论 0 1
  • 最佳文章 :《聊聊读书和赚钱》 作者 : 陈斌 公众号 : 鸿蒙笔记 推荐者 : 韩慧慧 推荐语:我觉得年轻人,越...
    慧妈有氧阅读 1,531评论 0 1

友情链接更多精彩内容