elementUi里面的input设置问题解决笔记

1、input不能设置高度，

方法一、取消了style里面的scoped，找到input的class，进行设置，可以解决问题，但是容易造成全局的样式污染

方法二、在选择器前面加上 /deep/ 深度选择解析

注：1、一定要找对input的所在类名，按F12在控制台内查看类名。

       2、/deep/深度选择器用于将全局的组件或者类的样式转换为局部的类从而达到在scoped内部添加样式后起作用。

2.input里面头部放置图标使用，

prefix-icon="iconfont icon-sousuo" 

 input里面尾部放置图标使用

suffix-icon="iconfont icon-sousuo" 

需要需改图标的颜色、大小直接在input里面修改就可以。

3、在input中加图标必须要有slot=“suffix”属性。不然无法显示图标

<el-input  :type="passw"  v-model="adduser.password" style="width: 300px;" >
           <%-- input中加图标必须要有slot="suffix"属性，不然无法显示图标 --%>
           <i slot="suffix" :class="icon" @click="showPass"></i>
</el-input>