如何在el-input输入框右上角添加图标如下图：
像这种叉号图标 点击能删除输入框，
如何在el-input输入框右上角添加图标，右上角！
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2021-06-18 11:26回答 3 已采纳
- 2022-05-14 11:53回答 2 已采纳 强制获取
- 2022-08-02 09:40回答 3 已采纳 prefix:前面加suffix：后面加如有帮助请采纳谢谢！ <el-input v-model="form.name"
- 2022-06-21 18:44＊且听风吟的博客 vue el-input 文本域去掉右下角的图标
- 2022-11-10 14:20回答 2 已采纳 你没有引入element-ui自带的样式吧
- 2021-12-10 20:45回答 2 已采纳 打开控制台，看有报错吗
- 2022-11-10 14:10回答 2 已采纳 https://element.eleme.io/#/zh-CN/component/input#dai-icon-de-shu-ru-kuang官网示例 写法可以吗
- 2021-11-23 19:24yiyuzz的博客 写表单的时候需要输入框显示单位，这个上网查了一下，<i slot>这种在3.x已经不能使用了，所以查阅了一下element官方文档，element当然也有相关更新。话不多说直接上图，如果想找详细使用方法直接看链接 ...
- 2022-06-30 10:52回答 2 已采纳 审查元素看看 。应该是有样式影响了 。或者样式没引入进来
- 2021-10-13 09:15回答 5 已采纳 提交时判空 或者用el-form
- 2021-05-14 11:30回答 1 已采纳 在@change回调里面判断。 或者表单验证里面做判断就行了
- 2022-08-30 16:20小阳生煎的博客 其他图标还有很多，都是通过伪类添加的，可以看一下源码找一下。el-icon-search 搜索小图标。prefix-icon图标位置在前面。suffix-icon图标位置在后面。el-icon-date 日期小图标。第二种方式是通过slot来插入。...
- 2022-01-19 17:22回答 3 已采纳 我自己解决了，在el-input中加入ref="allinput"属性，获取聚焦事件之后加入这句this.$refs.allinput.blur();就可以使这个输入框失焦:)
- 2022-12-17 23:17我总是词不达意的博客 element-ui el-input 密码输入框自定义显示隐藏图标
- 2023-10-07 15:35打盹的小pig的博客 【代码】element-plus 取消el-input输入框的背景色。
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
- ¥15 gdf格式的脑电数据如何处理matlab
- ¥20 重新写的代码替换了之后运行hbuliderx就这样了
- ¥100 监控抖音用户作品更新可以微信公众号提醒
- ¥15 UE5 如何可以不渲染HDRIBackdrop背景
- ¥70 2048小游戏毕设项目
- ¥20 mysql架构，按照姓名分表
- ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分
- ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
- ¥15 linux驱动，linux应用，多线程