【文件属性】:
文件名称:q-antd:双绑形式的antd。受控组件的双绑、Form的表单验证
文件大小:167KB
文件格式:ZIP
更新时间:2021-05-01 08:49:11
JavaScript
简介
q-antd是在antd的基础上,结合mobx,对antd中的表单元素进行二次改装和对Form的重写一个npm包,使得表单元素支持双工绑定,使得表单使用更简单,从而提高开发效率
q-antd最大的优势是:
各个表单元素是双绑的,不需要调用onChange函数手动处理变化后的赋值操作
q-antd的form在使用上比antd的form简单很多,而且form内置了不少自定义布局,能满足绝大数情况下的布局,实在满足不了,可使用manualLayout=true,自定义布局
安装
yarn add q-antd
安装之前需要项目中已经安装了antd
使用
Form
使用说明
使用Form组件和FormItem组件进行布局
使用Form的model属性和表单元素的duplex属性,进行数据的双绑。
使用Form的rules属性进行表单元素的校验
校验规则的写法参见
校验的触发,在各个规则中传入