Skip to content

Form 表单

典型表单

最基础的表单包括各种输入表单项,比如 inputselectradiocheckbox等。

在每一个 form 组件中,你需要一个 form-item 字段作为输入项的容器,用于获取值与验证值。

help-tips 如果传值会出现一个问好图标,可以给用户提示信息

表单样式

行内表单

设置 inline , 当垂直方向空间受限且表单较简单时,可以在一行内放置表单。

表单验证

只执行部分规则

执行部分规则可以使用 form.validateFields, 传入 fields 指定部分字段进行验证,

清除验证可以用 form.clearValidate 传入 fields 指定部分字段进行清除,若 fields 没传,则清除全部

必填项

除了设置 form rules,也可以设置form-itemrequired 属性,如果为 truly 则为 必填项, 当 requiredstring类型时,为作为 rulemessage

必选项会出现小红点,若不想要,则设置show-require-markfalse

自定义 labelWidth

labelWidth 默认为auto,会根据所有的 form-itemlabel 宽度计算出最大值,作为labelWidth 的宽度, 若不想这样,可以传固定值

展示 label

设置 showLabel 确定是否展示 label