vue中自己封装的alert弹框被dialog遮挡
可能是因为dialog的z-index值比自己封装的alert弹框的z-index值高,导致被遮挡。
解决方案:
-
在自己封装的alert弹框的样式中设置z-index值高于dialog的z-index值。
-
在调用dialog时,设置z-index值较低,让自己封装的alert弹框能够显示在上层。例如:
this.$dialog({ title: 'Dialog', zIndex: 999 // 设置较低的z-index值 }) -
使用Vue.js的插件vue-fragment,可以将多个组件渲染到同一层级,避免被遮挡的问题。例如:
<fragment> <my-alert></my-alert> <my-dialog></my-dialog> </fragment>
原文地址: https://www.cveoy.top/t/topic/ht4t 著作权归作者所有。请勿转载和采集!