Skip to content
双端兼容 · 桌面 + 移动

Input 输入框

EwInput 是前台内容提交的基础件:评论昵称、搜索词、邮箱订阅、资料填写都从这里出发。 支持前缀图标、一键清空、错误态与三档尺寸;type 直接透传(email / search / password…)。

基础用法

占位与前缀图标
type 支持 text / email / search / password 等原生类型。
vue
<EwInput v-model="name" placeholder="怎么称呼你" />
<EwInput v-model="mail" type="email" icon="mail" placeholder="you@example.com" />
<EwInput v-model="find" type="search" icon="search" placeholder="搜索…" clearable />

状态与尺寸

错误态 / 禁用 / 三档尺寸
错误态常与 [EwField](./field) 的错误提示搭配使用。
vue
<EwInput model-value="格式有误的内容" error />
<EwInput size="large" placeholder="large" />

API

Props

属性说明类型默认值
v-model输入值string / number''
type原生类型string'text'
placeholder占位文案string
icon前缀图标名string
clearable展示清空按钮booleanfalse
disabled禁用booleanfalse
error错误态booleanfalse
size尺寸'small' | 'default' | 'large''default'

其余 attrs(maxlength 等)直接透传到原生 input。

事件

事件说明参数
update:modelValue输入时派发value
clear点击清空按钮

基于 MIT 许可证发布