简易封装 element form表单

1、Form 表单
           由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据

典型表单

        包括各种表单项,比如输入框、选择器、开关、单选框、多选框等。

在 Form 组件中,每一个表单域由一个 Form-Item 组件构成,表单域中可以放置各种类型的表单控件,包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker

话不多说 上代码!

        

这里我只简单的举了几个例子,checkbox,radio等等原理相同。

剩下只需要把相应的数据传递过来就可以了,上图!

这里需要注意的是 里面的 fieldName 是必须要传的 这个是到封装的组件里面绑定的对应的v-model值。

点击保存时,校验表单数据,把表单值传递回父组件。

这样 一个简单的form表单就写好了,看起来有点复杂 其实超简单。over~

下期更新Antd!

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值