28.elementUI中dialog弹框设置disabled限制用户多次调新增编辑接口

前言：

由于后台接口反应过慢，用户会不由自主的多次点击新增或编辑弹框里的确定按钮，以至于会多次重复调用新增编辑接口，导致后台系统崩溃。所以，可以通过设置确定按钮的disabled属性，使其在首次点击确定按钮后置灰，关闭弹框后再显示。

1.在data中声明一个变量isDisabled：false

2.在dialog框的确定按钮上加上 ：disabled=“isDisabled”

3.在点击确定按钮后会弹出确定新增/修改？，此时，当你点击确定后，在then（）里设置isDisabled为true，让这个按钮不可点击

4.在关闭弹框之后以及接口出错（catch）时，再将isDisabled变为false，让确定按钮可点击

5.此时，当你点击确定按钮后，因为后台反应慢，弹框还未关闭，但你将鼠标滑至确定按钮，会发现它不可点击，但当弹框关闭，你重新打开弹窗，还是可以点击的。

来源：CSDN

作者：夏小拙

链接：https://blog.csdn.net/Annexiaobin/article/details/103480414