Skip to content
CONTENTS

Input 输入框

通过鼠标或键盘输入字符。

TIP

Input 为受控组件,它总会显示 Vue 绑定值。

通常情况下,应当处理 input 事件,并更新组件的绑定值(或使用 v-model)否则,输入框内显示的值将不会改变。

不支持 v-model 修饰

基础用法

禁用状态

通过 disabled 属性指定是否禁用 input 组件

一键清空

使用 clearable 属性即可得到一个可一键清空的输入框

密码框

在 type 中使用password,即可变成密码框

带 Icon 的输入框

可以通过 iconAftericonBefore 属性在 input 组件首部和尾部增加显示图标

文本域

用于输入多行文本信息,通过将 type 属性的值指定为 textarea

尺寸

使用 size 属性改变输入框大小。 除了默认大小外,还有另外两个选项:large, small

API

属性

参数说明类型可选值默认
size尺寸stringlarge / small
type类型stringtext / password / textarea
clearable是否显示清空按钮booleanfalse
disabled是否禁用booleanfalse
iconAfter在后面增加图标string
iconBefore在前面增加图标string

Released under the MIT License.