elementui input怎么加小图标 掘金 5
展开全部
基于vue框架，使用element-ui组件库写表单效果，需要添加字体小图标，效果如下：
1.只需要添加prefix-icon="iconfont icon-xxx"即可（头部插入）
//例如
<el-input
prefix-icon="iconfont icon-sousuo"
v-model="searchTableInfo"
placeholder="请输入姓名"
style="width:240px"
></el-input>
1
2
3
4
5
6
7
2.添加suffix-icon=“iconfont icon-xxx”（尾部添加）
//例如
<el-input
suffix-icon="iconfont icon-sousuo"
v-model="searchTableInfo"
placeholder="请输入姓名"
style="width:240px"
></el-input>
1.只需要添加prefix-icon="iconfont icon-xxx"即可（头部插入）
//例如
<el-input
prefix-icon="iconfont icon-sousuo"
v-model="searchTableInfo"
placeholder="请输入姓名"
style="width:240px"
></el-input>
1
2
3
4
5
6
7
2.添加suffix-icon=“iconfont icon-xxx”（尾部添加）
//例如
<el-input
suffix-icon="iconfont icon-sousuo"
v-model="searchTableInfo"
placeholder="请输入姓名"
style="width:240px"
></el-input>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
哎呦互动
2024-07-12 广告
现场大屏幕互动软件产品开发欢迎咨询上海爱友信息科技有限公司，公司成立于2016年，是国内最早的一批H5软件开发商之一。公司经过多年的自主研发并不断迭代的互动产品“哎呦互动”，已经获得数十项软件著作权和多项软件专利，并积累了众多的品牌客户和无...
点击进入详情页
本回答由哎呦互动提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
