Skip to content

Input 输入框

用于录入短文本。组件通过 v-model 保持输入值受控,并将大多数原生 input 属性透传到内部控件。

基础用法

当前输入:暂无

密码与状态

密码输入可以开启显示切换。校验失败使用 invalid,不可操作状态使用 disabled

API

Props

属性说明类型默认值
modelValue输入值,通过 v-model 使用string""
id内部 input 的 IDstring自动生成
type输入类型"text" | "password" | "email" | "search" | "tel" | "url" | "datetime-local""text"
size输入框尺寸"small" | "medium" | "large""medium"
invalid是否处于校验失败状态booleanfalse
disabled是否禁用booleanfalse
readonly是否只读booleanfalse
revealable密码是否允许显示与隐藏booleanfalse

Events

事件说明参数
update:modelValue输入值改变(value: string)
focus内部 input 获得焦点(event: FocusEvent)
blur内部 input 失去焦点(event: FocusEvent)

Slots

插槽说明
prefix输入框前缀
suffix输入框后缀;密码显示按钮启用时不展示

基于 MIT 许可发布