代理平台盈利模式_深圳市企业网站seo联系方式_网络营销的基本功能_网络推销

最近项目需求写了个uniapp+vue前端H5,有个页面提交表单的时候发现会有用户乱点导致数据库多条重复脏数据。故需要优化，多次点击表单只请求一次。

思路:

直接调用uni.showToast，点完按钮跳一个提交成功的提示。然后把防触摸穿透mask设置成true就行，最后windows.location.reload()刷新一下表单。

核心代码

写在提交按钮绑定的方法里

uni.showToast({title: '提交成功',duration: 1000,mask:true//true显示透明蒙层，防止触摸穿透
});
windows.location.reload()

js完整代码

methods: {submit() {this.$refs.form.validate().then(res =>{console.log('校验成功')uni.request({url:('http://xxx.xxx.xxx.xx'),method:'POST',data:this.user,success(res) {console.log(res)window.location.reload()}})})}
}