element ui 防止多次触发按钮单击事件(或防止多次提交数据)

时间:2024-04-01 13:22:41

添加提示,使按钮点击提交数据时,按钮不可以再操作,防止数据重复提交,防止多次触发事件

提交数据给后端时,点击提交后,整个页面都应该处于不可操作的状态,在表单的中间位置显示对应提示,可以让用户知道自己所做的操作。

(1)按钮单击时触发的事件:@click=“tijiao()”
element ui 防止多次触发按钮单击事件(或防止多次提交数据)

(2)在单击事件内添加提示信息的代码
element ui 防止多次触发按钮单击事件(或防止多次提交数据)
(3)在单击事件的处理代码结束后,关闭提示信息:loadingObj.close();
element ui 防止多次触发按钮单击事件(或防止多次提交数据)
(4)效果如下

element ui 防止多次触发按钮单击事件(或防止多次提交数据)