1.elementUI的input框,需要用v-model绑定一个变量,这个变量相当于原生input框的value
2.placeholder属性和原生的一样
3.禁用el-input,绑定一个disabled属性即可
disabled:true,
4.可清空的input,添加clearable即可
效果:
5.密码框,在el-input里添加show-password即可
效果:
6.带图标的input,使用prefix-icon或者suffix-icon属性,属性值是对应的图标的名称。prefix-icon是前置icon,suffix-icon是后置属性
效果:
7.elementUI的文本域,在el-input标签里添加type=“textarea”,即可把input框变成文本域。
文本域内,rows属性规定文本行数
效果:
8.文本域的文本高度自适应,autosize属性,是一个对象,
有minRows和maxRows规定最小和最大显示行数
9.复合型input框
el-input里嵌套template标签
前置内容和后置内容,使用template标签,加上slot属性,属性值是prepend或者append代表前置或后置,在template里添加想要的内容
http://
.com
效果:
10.el-input除了可以嵌套template外,还可以嵌套其他标签,标签里使用slot绑定prepend或者append即可
确定
效果:
11.使用size属性,指定el-input的尺寸