Input 输入框 ​

用于接受键盘键入字符。

基础用法 ​

使用v-model设置输入框绑定值。否则输入框不会响应输入事件。

输入框祈祷中... ​

使用 disabled禁用输入框。

可清空 ​

使用 clearable设置输入框可以一键清空。

附带图标 ​

使用 prefix-icon设置输入框前缀图标。

使用 suffix-icon设置输入框后缀图标。

如果你需要在点击图标后输入框聚焦的效果，请指定输入框的id。

限制输入长度 ​

使用 min-length 、 max-length限制输入框的输入长度。

使用 show-word-limit你可以直观地看到当前绑定值的长度。

类型 ​

使用 type 可以切换输入框类型

不同的尺寸 ​

使用 size指定输入框大小， 需要注意的是, 该属性控制输入框的最大高度以及字体大小。

校验函数 ​

使用 check-func属性可以指定输入框的校验函数， 该函数会在输入框失焦后触发.

interface CheckFunc {
    (val: string): boolean,

    (val: string, alert?: (alertText?: string, alertIcon?: string) => void): boolean
}

interface CheckFunc {
    (val: string): boolean,

    (val: string, alert?: (alertText?: string, alertIcon?: string) => void): boolean
}

第二个参数可选， 该参数作用为简化输入框的alert。缺点是该参数只会在输入框失去焦点后触发，你也可以通过调用input.exposes.alert函数来提示 一些信息，该函数如何调用完全取决于你。

复合型输入框 ​

输入框框提供 prefix-slot 和 suffix-slot两个槽，用于设置输入框前后的附加元素

Input API ​

Input Props ​

Input Events ​

Input Slots ​

Input Exposes ​

源代码 ​

贡献者 ​

• 
  laster