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 |