Form

FormProvider + FormLayout + form 标签的组合组件,可以帮助我们快速实现带回车提交的且能批量布局的表单

使用案例

注意:想要实现回车提交,我们在使用 Submit 组件的时候不能给其传 submit 事件,否则回车提交会失效,这样做的目的是为了防止用户同时在多处写 submit 事件监听器,处理逻辑不一致的话,提交时很难定位问题。

API

布局相关的 API 属性,我们参考 FormLayout 即可,剩下是 Form 组件独有的 API 属性

属性名类型描述默认值
formFormopen in new windowForm 实例-
componentstring渲染组件,可以指定为自定义组件渲染form
previewTextPlaceholderstring | Vue Component预览态占位符N/A
onAutoSubmit(values:any)=>any回车提交事件回调-
onAutoSubmitFailed(feedbacks: IFormFeedbackopen in new window[]) => void回车提交校验失败事件回调-