## Form 表单 ### 引入 ```javascript import { form, fromItem } from '@58fe/p5' ``` 引用的组件使用过程中，可以加前缀`p5-`进行使用，`p5-form`、`p5-form-item`。 ### 基本用法 :::demo ```html 立即创建 取消 ``` ::: ### 对齐方式 :::demo ```html 左对齐 右对齐 顶部

``` ::: ### 表单校验 :::demo ```html 立即创建 重置 ``` ::: ### 自定义校验规则 :::demo ```html 立即创建 取消 ``` ::: ### 校验数字类型 数字类型的需要在`v-model`处加`.number`修饰符，源于Vue会将绑定值转化为string类型。 :::demo ```html 立即创建 取消 ``` ::: ### 参数 #### Form | 参数 | 说明 | 类型 | 可选值 | 默认值 | | ------------ | -------------- | ------------------- | ------------ | ------- | | value | v-model方式 表单数据对象 | Object | —— | —— | | labelWidth | 描述文案宽度 | Number|String | —— | —— | | labelPosition | 描述文案位置 | String | left、right、top | left | | rules | 表单校验规则,具体规则可查看[async-validator](https://www.npmjs.com/package/async-validator) | Object | —— | {} |
#### FormItem | 参数 | 说明 | 类型 | 可选值 | 默认值 | | ------------ | -------------- | ------------------- | ------------ | ------- | | label | 描述文案 | String | —— | —— | | prop | 校验属性名称 | String | —— | —— |