§ Form 表单
由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据
基础用法
包括各种表单项,比如输入框、选择器、开关、单选框、多选框等。TIP
W3C 标准中有如下规定:
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 < el-form> 标签上添加 @submit.native.prevent。
行内表单
当垂直方向空间受限且表单较简单时,可以在一行内放置表单。对齐方式
根据具体目标和制约因素,选择最佳的标签对齐方式。表单验证
在防止用户犯错的前提下,尽可能让用户更早地发现并纠正错误。自定义校验规则
这个例子中展示了如何使用自定义验证规则来完成密码的二次验证。TIP
自定义校验 callback 必须被调用。 更多高级用法可参考 async-validator。
动态增减表单项
数字类型验证
TIP
嵌套在 el-form-item 中的 el-form-item 标签宽度默认为零,不会继承 el-form 的 label-width。如果需要可以为其单独设置 label-width 属性。