VUE + EleMent Ui Form表单的二次封装

VUE + EleMent Ui Form表单的二次封装

开箱即用

1. 使用说明

   文件里边一共有三个文件，Form是一个封装好的组件，用的时候直接使用标签就好,checkfun.js是一个专门处理校验函数的文件，regexp.js则是存放校验规则的文件，你所有的规则都可以放在这里面

2. 注意因为是组件，所以这些东西一并放到Components下面，为了防止出错，你可以直接把我的整的文件一起拖拽进去

3. Form的使用

   参数	说明	类型	可选值	默认值
   ruleForm	表单数据对象	Object	—	—
   rules	表单验证规则	Object	—	—
   erricon	正确错误提示	Boolean	true/false	false
   formitem	每组input的数据	Array	Object	—
   form	控制表单域	Object	—	—
   ref	获取子组件方法	String	—	—
   button	插槽名称
   eyes	事件控制input type切换

   formitem Object

   键	说明	类型
   lable	标签文本	String
   prop	在使用 validate、resetFields 方法的情况下，该属性是必填的	String
   aftericonview	input后置图标	String
   beforeicon	input前置图标	String
   size	input大小（medium、small 和 mini 三种尺寸）	String

   form 使用

   键	说明
   width	表单整体宽度
   alignment	对齐方式（top,left,默认right）

   整体使用方法如下

多条验证规则可以在checkfun.js里面书写，如有issue欢迎指出，若您在使用中有疑问，欢迎下方留言，我将会在看到消息后第一时间为你解答

​ 点击获取组件