可能是因为dialog的z-index值比自己封装的alert弹框的z-index值高,导致被遮挡。

解决方案:

  1. 在自己封装的alert弹框的样式中设置z-index值高于dialog的z-index值。

  2. 在调用dialog时,设置z-index值较低,让自己封装的alert弹框能够显示在上层。例如:

    this.$dialog({
      title: 'Dialog',
      zIndex: 999  // 设置较低的z-index值
    })
    
  3. 使用Vue.js的插件vue-fragment,可以将多个组件渲染到同一层级,避免被遮挡的问题。例如:

    <fragment>
      <my-alert></my-alert>
      <my-dialog></my-dialog>
    </fragment>
    
vue中自己封装的alert弹框被dialog遮挡

原文地址: https://www.cveoy.top/t/topic/ht4t 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录