首页 > 其他 > 详细

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

时间:2020-12-18 11:52:19      阅读:1497      评论:0      收藏:0      [点我收藏+]

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>

效果如下:

技术分享图片

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!