Input 输入框
通过鼠标或键盘输入内容,是最基础的表单域的包装。
基础用法
基本使用
文本输入的基础用法。
输入解析
通过传递 parser
在接受到输入值的时候进行解析,例如:只允许输入正整数
允许输入的值
通过传递 allow-input
来限制输入的值。integer
只能输入正整数, number
只能输入正数;以 -
开头表明允许输入负数; 以 .2
结尾表明小数点后精度; 例如: -number.4
表明允许输入数字,且小数点后保留4位小数。
禁用状态
通过 disabled
属性设置输入框为禁用状态。
API
Input Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
html-type | 原始的 type | string | text |
model-value / v-model | 绑定值 | string | — |
placeholder | 占位文本 | string | — |
parser | 输入时解析值 | (value: string) => string | — |
allow-input | 允许输入的值; number 、integer ,前面包含 - 表明允许小数, 以 .2 结尾表明小数点后精度 | string | - |
Input Exposes
名称 | 说明 | 类型 |
---|---|---|
focus | 使输入框获取焦点 | () => void |