1
关注
371
浏览

低代码平台如何避免自定义按钮表单重复提交

查看全部 1 个回答

周海涛 超级管理员 用户来自于: 运营商级NAT
2023-08-14 16:49

解决方法

方法1:把我们自定义方法里的异步Promise 事件 return 出去

方法2:所有的异步事件都用await 语法糖去写。

例如

//推荐写法 可读性更好
await 语法糖会自动return 出异步的Promise
export function submit(context) {
let _form = context.getComponent('_form_comp_key');
await _form.validate()
console.log('验证成功了')
const request = context.request;
await request('produce_target','inset',_form.getValues())
console.log('提交成功了')
}
//异步回调写法 所有异步函数注意需要return出来
export function submit(context) {
let _form = context.getComponent('_form_comp_key');
const request = context.request;
return _form.validate().then(()=>{
console.log('验证成功了')
return request('produce_target','inset',_form.getValues()).then(()=>{
console.log('提交成功了')
})
},()=>{
console.log('验证失败了');
})
}

//一个普通绑定按钮事件 函数就希望按钮的loading 延迟2秒
export function submit(context) {
console.log('点击了')
return new Promise((resolve,reject)=>{
setTimeOut(()=>{
resolve()
},2000)
})
}

当绑定按钮的事件通过以上两种写法 的时 按钮可以接收到返回的Promise 按钮的loading 状态 就会在所有异步事件结束后重置

关于作者

问题动态

发布时间
2023-08-14 16:49
更新时间
2023-08-14 16:49

相关问题

低代码平台前端js脚本如何获取国际化内容
低代码平台表格表头无法更新标题
低代码平台应用如何脱离平台独立部署
没有看到设备管理模块的低代码配置
低代码平台前端表格组件如何在页面初始化时设置默认选中值
低代码平台移动端怎么部署
低代码应用部署后遇到性能问题怎么办
低代码平台自定义CSS编写规范
干将低代码平台如何获取当前登录用户信息
低代码平台流程设计中节点处理人设置为人员脚本,脚本返回的数据格式是什么