如何在el-input输入框右上角添加图标如下图：
像这种叉号图标 点击能删除输入框，
如何在el-input输入框右上角添加图标，右上角！
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2022-05-14 11:53回答 2 已采纳 强制获取
- 2021-12-10 20:45回答 2 已采纳 打开控制台，看有报错吗
- 2022-11-10 14:20回答 2 已采纳 你没有引入element-ui自带的样式吧
- 2024-11-29 14:21疯狂的沙粒的博客 suffix插槽是最简单的方式，适用于静态显示。append插槽适用于更灵活的布局或显示需求。如果需要动态处理输入中的百分号，可以通过@input事件来进行格式化。
- 2022-08-02 09:40回答 3 已采纳 prefix:前面加suffix：后面加如有帮助请采纳谢谢！ <el-input v-model="form.name"
- 2022-11-10 14:10回答 2 已采纳 https://element.eleme.io/#/zh-CN/component/input#dai-icon-de-shu-ru-kuang官网示例 写法可以吗
- 2022-10-18 11:35回答 3 已采纳 那你 输入框2 号 加个 v-show 绑定一个 值，这个值默认 true 。在1的blur里判断 值为test this.属性=true否则为false.
- 2022-06-21 18:44＊且听风吟的博客 vue el-input 文本域去掉右下角的图标
- 2023-04-19 10:05回答 4 已采纳 blur换成change（失去焦点时触发）
- 2022-06-30 10:52回答 2 已采纳 审查元素看看 。应该是有样式影响了 。或者样式没引入进来
- 2022-05-20 11:11回答 1 已采纳 用了兄弟元素控制
- 2021-11-23 19:24yiyuzz的博客 写表单的时候需要输入框显示单位，这个上网查了一下，<i slot>这种在3.x已经不能使用了，所以查阅了一下element官方文档，element当然也有相关更新。话不多说直接上图，如果想找详细使用方法直接看链接 ...
- 2022-08-30 16:20泡椒猪脚饭的博客 其他图标还有很多，都是通过伪类添加的，可以看一下源码找一下。el-icon-search 搜索小图标。prefix-icon图标位置在前面。suffix-icon图标位置在后面。el-icon-date 日期小图标。第二种方式是通过slot来插入。...
- 2024-08-20 14:24LUNA~的博客 Element-plus el-input 添加图标
- 2020-10-16 16:32在el-input标签中，可以通过v-model指令将输入框的值与Vue实例中的某个数据属性双向绑定。这样，无论用户输入什么，都会实时更新到对应的Vue实例数据属性中。在el-input标签内，我们加入一个自定义的图标插槽（slot...
- 没有解决我的问题, 去提问
