§ Input 输入框

通过鼠标或键盘输入字符

DANGER

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

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

不支持 v-model 修饰符。

基础用法

显示代码

禁用状态

显示代码

可清空

显示代码

密码框

显示代码

带 icon 的输入框

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

文本域

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

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

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

复合型输入框

可前置或后置元素,一般为标签或按钮
Http://
.com
显示代码

尺寸

显示代码

带输入建议

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

自定义模板

可自定义输入建议的显示
显示代码

远程搜索

从服务端搜索数据
显示代码

输入长度限制

0/10
0/30
显示代码

Input Attributes

Input Slots

Input Events

Input Methods

Autocomplete Attributes

Autocomplete Slots

Autocomplete Scoped Slot

Autocomplete Events

Autocomplete Methods

最后更新于: 4/15/2022, 2:41:22 PM