项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。开发迭代中,请勿用于生产环境。
Skip to content
双端兼容 · 桌面 + 移动

Input 输入框 ​

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

基础用法 ​

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

状态与尺寸 ​

错误态 / 禁用 / 三档尺寸
错误态常与 [EvField](./field) 的错误提示搭配使用。
vue
<EvInput model-value="格式有误的内容" error />
<EvInput 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 许可证发布