概述
基本表单组件,支持 input 和 textarea,并在原生控件基础上进行了功能扩展,可以组合使用。
代码示例
API
Props
| 属性 | 说明 | 类型 | 默认值 |
| value | 输入的值, 可以使用v-model实现数据的双向绑定 | Number, String, File | '' |
| type | 类型,可选值有password、number、text、textarea、file | String | text |
| placeholder | 提示语 | String | '' |
| maxlength | 限制输入的内容长度 | Number | null |
| icon | 右侧的小图标 | String | '' |
| disabled | 是否禁止输入 | Boolean | false |
| readonly | 是否只读 | Boolean | false |
| clearable | 是否显示清空按钮 | Boolean | false |
| rows | 文本域的行数 | Number | 2 |
| accept | 过滤选择的文件类型 | String | '' |
| autocomplete | 是否阻止浏览器自动填充,可选值有on/off | String | '' |
| name | 原生的name属性 | String | '' |
Events
| 事件名 | 说明 | 返回值 |
| on-click | 点击icon时触发 | (event) => void |
| on-enter | 焦点在input, 按下enter键触发 | (event) => void |
| on-focus | 获取焦点时触发 | (event) => void |
| on-blur | 失去焦点时触发 | (event) => void |
| on-input | 输入时触发 | (value, event) => void |
| on-change | 值改变时触发 | (value, event) => void |