Element Input输入框的使用方法

这篇文章主要介绍了Element Input输入框的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

本文来源于Element官方文档：

基础用法

带图标的输入框（属性方式）

带图标的输入框（slot方式）

复合输入框

带提示的输入框

input 属性：

参数	类型	说明	可选值	默认值
type	类型	string	text / textarea	text
value	绑定值	string / number	―	―
maxlength	最大输入长度	number	―	―
minlength	最小输入长度	number	―	―
placeholder	输入框占位文本	string	―	―
clearable	是否可清空	boolean	―	false
disabled	禁用	boolean	―	false
size	输入框尺寸，只在 type!=”textarea” 时有效	string	medium / small / mini	―
prefix-icon	输入框头部图标	string	―	―
suffix-icon	输入框尾部图标	string	―	―
rows	输入框行数，只对 type=”textarea” 有效	number	―	2
autosize	自适应内容高度，只对 type=”textarea” 有效，可传入对象，如，{ minRows: 2, maxRows: 6 }	boolean / object	―	false
auto-complete	原生属性，自动补全	string	on, off	off
name	原生属性	string	―	―
readonly	原生属性，是否只读	boolean	―	false
max	原生属性，设置最大值	―	―	―
min	原生属性，设置最小值	―	―	―
step	原生属性，设置输入字段的合法数字间隔	―	―	―
resize	控制是否能被用户缩放	string	none, both, horizontal, vertical	―
autofocus	原生属性，自动获取焦点	boolean	true, false	false
form	原生属性	string	―	―
label	输入框关联的label文字	string	―	―
tabindex	输入框的tabindex	string	-	-

input slot：

input 事件：

input 方法：

方法名	说明	参数
focus	使 input 获取焦点	-

Autocomplete 属性：

参数	类型	说明	可选值	默认值
placeholder	输入框占位文本	string	―	―
disabled	禁用	boolean	―	false
value-key	输入建议对象中用于显示的键名	string	―	value
value	必填值，输入绑定值	string	―	―
debounce	获取输入建议的去抖延时	number	―	300
fetch-suggestions	返回输入建议的方法，仅当你的输入建议数据 resolve 时，通过调用 callback(data:[]) 来返回它	Function(queryString, callback)	―	―
popper-class	Autocomplete 下拉列表的类名	string	―	―
trigger-on-focus	是否在输入框 focus 时显示建议列表	boolean	―	true
name	原生属性	string	―	―
select-when-unmatched	在输入没有任何匹配建议的情况下，按下回车是否触发 select 事件	boolean	―	false
label	输入框关联的label文字	string	―	―
prefix-icon	输入框头部图标	string	―	―
suffix-icon	输入框尾部图标	string	―	―