input输入框组件 ​

Element Plus 输入框组件文档

Hidden Title ​

属性事件插槽简介 ​

基础用法 ​

成华主题 ​

chenghua主题示例 ​

石景山主题 ​

shijingshan主题示例 ​

size 尺寸 ​

maxlength 最大长度 ​

other ​

Modifiers ​

注意 : s-input默认设置trim为true, 去掉首尾空格. 如果不想要这个设置, 请设置trim为false

禁用状态 ​

一键清空 ​

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

格式化 ​

通常用法 ​

复合型输入框 ​

封装el-autocomplete的用法 ​

属性 ​

属性名	说明	类型	默认值
modelValue	绑定值	any	-
compTitleStyle	标题前缀组件样式	object	{}
width	输入框宽度	string / number	100%
height	输入框高度	string / number	''
maxlength	最大输入长度，超出后截断输入并触发 $toast 提示	string / number	10
hideMaxLengthError	是否隐藏超出最大长度时的 $toast 提示	boolean	false
maxLengthErrorText	自定义超出最大长度时的 $toast 提示文案	string	''
size	输入框尺寸	string	''
theme	输入框主题	string	default
showWordLimit	是否显示字数统计	boolean / string	''
block	是否按块级宽度展示	boolean	false
disPlaceholder	禁用态下显示的占位文案	string	''
subAttrs	外层容器额外属性	object	{}
tooltipAttrs	tooltip 额外属性	object	{}
iconAttrs	右侧提示图标属性	object	{}
hideTooltip	是否关闭溢出提示	boolean	false
options	自动补全候选项，存在时渲染为 el-autocomplete	array	-
content	右侧说明提示文案	string	''
dangerouslyUseHTMLString	是否将右侧说明提示的 content 按 HTML 字符串渲染	boolean	false

说明 ​

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