elementUI 输入框添加小图标

一个什么也不懂的前端

2022-05-13 494 阅读1分钟

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

1.只需要添加prefix-icon="iconfont icon-xxx"即可（头部插入）

<el-input 
	prefix-icon="iconfont icon-sousuo" 
	v-model="searchTableInfo" 
	placeholder="请输入姓名" 
	style="width:240px"
></el-input>

在这里插入图片描述

2.添加suffix-icon=“iconfont icon-xxx”（尾部添加）

<el-input 
	suffix-icon="iconfont icon-sousuo" 
	v-model="searchTableInfo" 
	placeholder="请输入姓名" 
	style="width:240px"
></el-input>

在这里插入图片描述