文本框组件

1、在element-ui的文本框组件上再次封装,文本框原有的属性仍然保留。

2、将文本框和label组合,可配置左侧label。label不配置内容则不显示左侧label,仅显示文本框。

3、可配置输入内容的限制条件,比如只可以输入数字、只可以输入英文,失去焦点时判断是否满足条件,不满足则提示.

4、配置是否必填,如果设置为必填,则在label后面显示红色星号*,并且文本框失去焦点时判断是否有填写,没有则提示

4、可配置处理文本框内容的方式,比如配置的方式为去特殊符号,则在保存此文本框信息时,会按照配置的方式处理文本框内容,最终获取到的数据就是处理过的信息


需增加的属性有:

label--文本框左侧标签名

controltype--文本框类型  text--单行 textarea--多行(文本域)。  默认是单行的

coltype---文本框内容类型  text--任意文本内容  float--只能为数字  english--只能为英文 ,email--邮箱格式,默认为text 。填写的内容不符合条件时,当焦点离开文本框后显示提示 。

isnull--文本框是否允许为空,不允许为空时,label标签后显示红色星号 * 。当设置为必填时,当焦点离开文本框后显示提示。

colformat--文本框格式化方式。比如配置的方式名为  去特殊符号,即表示去除文本框内容中指定的特殊符号。保存数据时,将文本框的内容调用对应的js方法处理数据。