vue+elementUI项目在el-dialog中使用v-viewer，层级问题

项目中在dialog中使用了v-viewer发现有时v-viewer会出现在dialog下面，出现层级错乱 原因分析：dialoge的默认z-index是2000，v-viewer的默认z-index:2015； dialog每点击一次，z-index的值会增加2；当dialog点击次数过多时，dialog的z-index就会超过v-viewer的z-index;就会出现查看图片在dialog的下面；

解决办法：

方法一： 在mian。js中加入Viewer的默认z-index

Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 999999,
  },
});

如果不想显示下面的菜单 可以在下面加上toolbar:false,

Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 999999,
    toolbar: false,
  },
});

方法二： main.js中手动将dialog的z-index改为1000：

import elementui from 'element-ui'
Vue.use(elementui, { zIndex: 1000 })

注意：elementUI如果使用的是按需引入，建议使用方法一解决层级问题；