封装 input 框组件

封装 input 框组件

1. 可以使用 input 的原生属性

1. disabled ：禁用输入框
2. maxlength：输入长度限制
3. v-model：双向绑定

2. 一键清空

1. 给清除按图标加 v-if 指令，当输入框中存在内容则显示
2. 给图标元素绑定点击事件，点击触发输入框的 value=‘’
3. 只在 text、textarea

3. 输入框大小

1. size：big，default，small，默认 default，

4.文本域高度自适应

1. autosize：接收 boolean 或对象
2. 接收一个包含最小行和最大行的对象

5.输入框类型参数：type

1. text：文本框
2. password：密码框
3. textarea：文本域
4. radio：单选框
5. checkbox 多选框
6. submit ：提交按钮

6.插槽

1. outLeft:框外左边插槽， 一般放内容统一头部，如 Http://
2. outRight:框外右边插槽， 一般放内容统一尾部，如.com
3. inLeft:框内左边插槽， 一般放输入框图标，搜索、手机号图标等
4. inRight:框内右边插槽， 一般放操作图标，清空，查看密码图标