目录

如何在el-input搜索框组件的最后面,添加图标按钮

如何在el-input搜索框组件的最后面,添加图标按钮?

1、问题描述

https://i-blog.csdnimg.cn/direct/94422caf64574dd8927f69d058255868.png

2、解决步骤

在el-input组件标签内,添加一个element-plus的自定义插槽, 在插槽里放一个图标按钮即可。

https://i-blog.csdnimg.cn/direct/084fa0617a5e4eb19cdc28a2fd0ea46d.png

https://i-blog.csdnimg.cn/direct/91068dfa1c1049419999501272f1df91.png

3、效果展示

https://i-blog.csdnimg.cn/direct/e0893d891d334991adc2a344f6bc47e2.png

结语

以上就是在搜索框组件的末尾添加搜索按钮的过程。

喜欢本篇文章的话,请关注本博主~~