概述
基本表单组件,支持 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 |