问题描述:当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,
}
})