防止重复提交

新增业务中,按钮多次点击会出现多条数据,自己的解决方案:

在后台控制层,用synchronized,同时用代码做判断,查询数据库,然后判断多个条件,确定是否重复

 

第二种解决方法就方便的多,

在vue+element页面解决:

在前端设置遮罩层,

  const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(255,255,255,0.8)'
});
在成功后,记得关闭,
loading.close();

也可以点击按钮禁用模式。

 

posted @ 2020-10-16 11:35  say,sya  阅读(95)  评论(0)    收藏  举报