Element dialog nesting problem, the second pop-up will be covered, adding append-to-body attribute does not work?

the dialog nesting problem of element, the second pop-up will be covered, adding the append-to-body attribute will not work?
my two pop-up windows are in two vue components

-- sharp-sharp title text-sharp-sharp

       <el-dialog  append-to-body
            class="singleDialog" :title="dialogSingleTitle"  :visible.sync="dialogSingleVisible" top="12vh">

      </el-dialog>
      

add: modal-append-to-body= "false" effect:

append-to-body

Mar.21,2021

normally, two pop-ups are not a good interaction. It is suggested that the first pop-up can be replaced with a new page

.
Menu