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-

源代码 ​

组件 • 样式 • 文档

贡献者 ​