在使用elementui的时候，实现给input框前面或后面添加图标

1.在input框前面添加图标    添加    prefix-icon="el-icon-user"

 <el-form-item prop="username">
<el-input
     ref="username"
     prefix-icon="el-icon-user"
     v-model="loginForm.username"
     placeholder="账户"
     name="username"
     type="text"
     tabindex="1"
     autocomplete="off"
/>
</el-form-item>

效果如下：

2.在input框后面添加图标    添加    suffix-icon="el-icon-user"

<el-form-item prop="username">
<el-input
     ref="username"
     suffix-icon="el-icon-user"
     v-model="loginForm.username"
     placeholder="账户"
     name="username"
     type="text"
     tabindex="1"
     autocomplete="off"
/>
 </el-form-item>

效果如下：