elementui input怎么加小图标 掘金 5

 我来答
百度网友f62fec5
2019-05-06 · TA获得超过100个赞
知道答主
回答量:76
采纳率:90%
帮助的人:11.3万
展开全部
基于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>
哎呦互动
2024-07-12 广告
现场大屏幕互动软件产品开发欢迎咨询上海爱友信息科技有限公司,公司成立于2016年,是国内最早的一批H5软件开发商之一。公司经过多年的自主研发并不断迭代的互动产品“哎呦互动”,已经获得数十项软件著作权和多项软件专利,并积累了众多的品牌客户和无... 点击进入详情页
本回答由哎呦互动提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式