Appearance
Form 表单
典型表单
最基础的表单包括各种输入表单项,比如 input
、select
、radio
、checkbox
等。
在每一个 form
组件中,你需要一个 form-item
字段作为输入项的容器,用于获取值与验证值。
help-tips
如果传值会出现一个问好图标,可以给用户提示信息
表单样式
行内表单
设置 inline
, 当垂直方向空间受限且表单较简单时,可以在一行内放置表单。
表单验证
只执行部分规则
执行部分规则可以使用 form.validateFields
, 传入 fields
指定部分字段进行验证,
清除验证可以用 form.clearValidate
传入 fields
指定部分字段进行清除,若 fields
没传,则清除全部
必填项
除了设置 form rules
,也可以设置form-item
的 required
属性,如果为 truly
则为 必填项, 当 required
为 string
类型时,为作为 rule
的 message
必选项会出现小红点,若不想要,则设置show-require-mark
为false
自定义 labelWidth
labelWidth
默认为auto
,会根据所有的 form-item
的 label
宽度计算出最大值,作为labelWidth
的宽度, 若不想这样,可以传固定值
展示 label
设置 showLabel
确定是否展示 label