在使用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>

效果如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM