input输入框组件 ​

Element Plus 输入框组件文档

Hidden Title ​

基础用法 ​

other ​

Modifiers ​

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

禁用状态 ​

一键清空 ​

使用clearable属性即可得到一个可一键清空的输入框, o-input默认clearable是true的.

格式化 ​

通常用法 ​

复合型输入框 ​

封装el-autocomplete的用法 ​

属性 ​

属性名	说明	类型	默认值
modelValue	绑定值	any	-
boxStyle	标题前缀区域样式	object	{}
width	输入框宽度	string / number	100%
showWordLimit	是否显示字数统计	boolean / string	''
block	是否按块级宽度展示	boolean	false
disPlaceholder	禁用态下显示的占位文案	string	''
subAttrs	外层容器额外属性	object	{}
tooltipAttrs	tooltip 额外属性	object	{}
iconAttrs	右侧提示图标属性	object	{}
hideTooltip	是否关闭溢出提示	boolean	false
options	自动补全候选项，存在时渲染为 el-autocomplete	array	-
content	右侧说明提示文案	string	''

说明 ​

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