How to display a Dialog dialog box using element in a vue component on full screen

clipboard.png

< / div >

<el-dialog
  title=""
  :visible.sync="folderEditShow"
  width="30%"
  fullscreen
>
  <span></span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false"> </el-button>
    <el-button type="primary" @click="dialogVisible = false"> </el-button>
  </span>
</el-dialog> 
  folderEdit(){
    this.folderEditShow = true
  }

how can I position the dialog box in the middle of the entire window?

Feb.27,2021

guess that the style is contaminated. You can right-click on dialog to check the elements and take a screenshot to


clipboard.png

.
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-1b3135a-2aabd.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-1b3135a-2aabd.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?