2022-06-29 vue组件 v-viewer 在同时打开了 iview 的 modal 时，modal的层级会覆盖 v-viewer

前言：vue+iview项目业务中出现弹出modal，点击modal中按钮显示图片，图片被modal挡住的情况。

显示图片的组件叫v-viewer，打开控制台可以看到modal的默认层级为1000-2200不等，v-viewer的层级为2015。

至于为什么iview的modal的层级为什么会忽高忽低，这里暂且不论。

解决方案：

在main.js 注册 v-viewer的时候，把

Vue.use(viewer);

改成这样：

import viewer from 'v-viewer';

Vue.use(viewer, {
  defaultOptions: {
    zIndex: 9999, // 这里设置层级高度
  }
})

标签：use,vue,viewer,层级,modal,import,iview
来源： https://www.cnblogs.com/iuniko/p/16422484.html