1、Form 表单
由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据
典型表单
包括各种表单项,比如输入框、选择器、开关、单选框、多选框等。
在 Form 组件中,每一个表单域由一个 Form-Item 组件构成,表单域中可以放置各种类型的表单控件,包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker
话不多说 上代码!
这里我只简单的举了几个例子,checkbox,radio等等原理相同。
剩下只需要把相应的数据传递过来就可以了,上图!
这里需要注意的是 里面的 fieldName 是必须要传的 这个是到封装的组件里面绑定的对应的v-model值。
点击保存时,校验表单数据,把表单值传递回父组件。
这样 一个简单的form表单就写好了,看起来有点复杂 其实超简单。over~
下期更新Antd!