[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'
1
2

Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 9999,
  } })
1
2
3
4

或者

Vue.use(Viewer);
Viewer.setDefaults({
  Options: {
    'zIndex': 9999,
	 ...
  }
})
1
2
3
4
5
6
7

参考：

vue使用v-viewer插件做图片展示预览遇到弹框再次打开无法预览图片问题