elementui 点击弹出框（close-on-click-modal =true),点击浏览器返回,弹出框不消失？

Question

如图所示图1，点击“补上课”，弹出对话框；在点击浏览器返回，遮罩层存在且关闭不了，如图2；再点击回来，弹出框还在，如图3
（图1)
(图2）
(图3）

dialog设置了close-on-click-modal =true，因为不想点击别的区域关闭对话框，只有用户自己点击取消或者关闭才关闭

期望点击浏览器返回直接关闭对话框和遮罩层

Answer 1

在路由离开钩子里面关闭对话框，beforeRouteLeave