§ TextItem 输入框

通过鼠标或键盘输入字符

DANGER

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

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

不支持 v-model 修饰符。

基础用法

输入框
显示代码

禁用状态

禁用
显示代码

可清空

可清空
显示代码

密码框

密码框
显示代码

带 icon 的输入框

带有图标标记输入类型
属性方式:
日期
内容
slot 方式:
日期
内容
显示代码

文本域

用于输入多行文本信息,通过将 type 属性的值指定为 textarea。
文本框
显示代码

可自适应文本高度的文本域

通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整,并且 autosize 还可以设定为一个对象,指定最小行数和最大行数。
文本框
指定行数
显示代码

复合型输入框

可前置或后置元素,一般为标签或按钮
属性Icon
属性Icon
按钮框
显示代码

尺寸

默认
large
small
mini
显示代码

带输入建议

根据输入内容提供对应的输入建议
激活即列出输入建议
输入后匹配输入建议
只显示value
只显示text
显示代码

输入长度限制

输入框
0/10
文本框
0/30
显示代码

Input Attributes

Input Slots

Input Events

Input Methods

Autocomplete Attributes

Autocomplete Slots

Autocomplete Scoped Slot

Autocomplete Events

Autocomplete Methods

最后更新于: 9/23/2022, 6:23:44 PM