elementUi Dialog组件和v-viewer图片预览组件层级问题

在开发中发现dialog组件和viewer组件一起使用时,多点几次dialog就会把viewer组件挡住,

打开调试发现每次点击预览时dialog默认z-index是2000,并且每次点击dialog都会自动递增2,但是viewer预览的默认是2015,

所以会出现以上问题,解决方法也很简单,

在引用element ui时设置层级即可解决

Vue.use(ElementUI,{ zIndex: 1000 })

 

posted @ 2022-05-19 13:35  初生土豆  阅读(841)  评论(1编辑  收藏  举报