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

时间：2020-12-18 11:52:19 收藏：0 阅读：1499

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>

效果如下：

技术分享图片

原文：https://www.cnblogs.com/hwy6/p/14153744.html