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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3c273-e83e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3c273-e83e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?