input输入框组件 ​

Element Plus 输入框组件文档

Hidden Title ​

属性事件插槽简介 ​

基础用法 ​

主题（theme 默认值：default） ​

用示例顶部的选项切换主题，查看普通输入框、带标题输入框、搜索框和多行输入框的外观。基础写法：<s-input v-model="input" :theme="theme" width="320" placeholder="请输入服务名称" />。

size 尺寸 ​

maxlength 最大长度 ​

other ​

禁用状态 ​

一键清空 ​

使用 clearable 属性即可得到一个可一键清空的输入框，s-input 默认值为 true。textarea 始终隐藏 Element Plus 原生清除按钮，只显示 s-input 自定义清除按钮；设置 clearable="false" 后自定义按钮也会隐藏。

格式化 ​

通常用法 ​

复合型输入框 ​

封装el-autocomplete的用法 ​

快捷搜索 search（默认值 false） ​

设置 search 后，搜索按钮显示在输入框内、清空图标右侧。按钮会随输入框的 size 或 height 调整，默认输入框高度仍为 32px。点击搜索按钮或在输入框按 Enter 都会触发 search 事件，参数依次为当前输入值和原始事件。基础写法：<s-input v-model="keyword" search placeholder="搜索工作小组..." @search="handleSearch" />。

上边框标题 top-title（默认值：空字符串） ​

使用 top-title 将标题嵌入输入框上边框，由边框为文字留出缺口，无须额外背景色；原有 title 仍显示在左侧前缀。基础写法：<s-input v-model="maxValue" top-title="X 最大值" width="300" />。

属性 ​

事件 ​

说明 ​

• 默认基于 el-input 二次封装，并透传绝大多数 el-input 属性。
• 当传入 options 时会切换为 el-autocomplete 模式。