There is a problem with the dialog pop-up box for vue+element.

I use a table in vue+element, to display the data obtained by the backend. The table can edit the contents of a row. It shows that after the dialog pop-up layer, sometimes the pop-up layer has been closed, but that layer mask still exists. What is the reason for this?

notice that my pop-up layer is on top of the mask. The problem is that after the pop-up layer is closed, the mask still exists and does not disappear, and then the page cannot do other operations.
I hope the boss can help to see how to solve it.

this is the normal interface:

clipboard.png

bug:

clipboard.png

somehow sometimes the translucent mask of the pop-up layer is still there after the pop-up layer is closed. Please take a look at it

.
Jun.29,2021

there is a true/false value that controls whether the pop-up window is closed or not. The problem is that there is a problem with you controlling this value.

as for the content in the pop-up window does not appear, it may be the code exception that causes


pay attention, there is a place in my project that needs to play the dialog box twice in a row, and sometimes this happens, and if the page is higher, the location of the pop-up box also has BUG.

where did you set the width of this dialog box? If you add a style= "width:300px" to < el-dialog, the dialog box will not be centered.
clipboard.png

Menu