My problem is: on button click, the elementUI form should pop up, but the form is covered by the mask
By searching the information on the Internet, I found that there are two attributes under the dialog including modal-append-to-body and append-to-body
modal-append-to-body Whether to insert the mask layer on the body element, if false, the mask layer will be inserted on the parent element of Dialog
Whether the append-to-body Dialog itself is inserted into the body element, the nested Dialog must specify this attribute and set the value to true
Append :append-to-body="true"
<el-dialog title="Information filling" :visible.sync="dialogFormVisible" :append-to-body="true">
After adding this attribute, the form is no longer covered by the mask