The elementUI bullet box nests the form, but the form is covered by a mask

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

 

Guess you like

Origin blog.csdn.net/m0_62404884/article/details/124561220