elementui 之input 框总结

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里添加想要的内容

 

 

效果：

 

 

10.el-input除了可以嵌套template外，还可以嵌套其他标签，标签里使用slot绑定prepend或者append即可

   确定

效果：

 

 

11.使用size属性，指定el-input的尺寸