Submit 表单提交

表单提交按钮,用户只需关心业务处理的按钮

基础用法

普通提交

@submit:on-submit 最终都会编译为props属性中的 onSubmit,所以 2 种写法都可以

防重提交

submit 函数返回Promise实例即可

可以使用loading属性为false去掉 loading 效果,但其内部还具有防重机制

API

属性

按钮相关的 API 属性,请参考 el-button 即可,剩下是 Submit 组件独有的 API 属性

属性名说明类型默认值
on-click点击事件,如果返回 false 可以阻塞提交(event: MouseEvent) => void | boolean-
on-submit表单校验通过后,执行的回调(values: object) => void | Promise<any>-
on-submit-successonSubmit 方法异步成功时的回调(payload: any) => void-
on-submit-failed表单校验异常或者 onSubmit 方法内部异常时的回调(feedbacks: unknown) => void-

源代码

组件样式文档

贡献者