[element-ui] el-dialog和v-viewer的层级问题

问题描述:当el-dialog和v-viewer⼀起使⽤时,点击图⽚预览,会出现预览的图⽚z-index⽐el-dialog⼩

原因:el-dialog默认的z-index是2000,每次关闭后再次打开z-index会递增2左右,v-viewer的层级默认是2015,这样预览不了⼏次,就会出现el-dialog的z-index⼤于v-viewer的z-index

需要修改viewer的默认层级,我这里是在全局定义修改的,   亲测

// 预览图片控件

import Viewer from 'v-viewer'

import 'viewerjs/dist/viewer.css'

Vue.use(Viewer, {

    defaultOptions: {

        zIndex: 9999,

    }

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容