element ui 弹窗右上角关闭按钮失效的处理方法

Posted on 2021-09-26 17:57  程序猿缪缪  阅读(1719)  评论(0)    收藏  举报

在开发过程中，会经常把添加和编辑的弹窗写在一起，减少代码量，这样有时会出现弹窗右上角关闭按钮失效，点击以后弹窗没有关闭，如下图所示：

 

点击取消就是没问题的，只有右上角的关闭按钮失效，这时可以用官方文档提供的“before-close”来解决这个问题

这是官方文档，进去就能看到详细说明：https://element.eleme.cn/#/zh-CN/component/dialog

来看看怎么用吧

 

 

 里面的handleCanceledit是自定义的方法，这个方法名要和弹窗的取消按钮方法名一致，会省去很多麻烦

 

 这个小问题就解决啦！