基于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>
2.添加suffix-icon=“iconfont icon-xxx”(尾部添加)
//例如
<el-input
suffix-icon="iconfont icon-sousuo"
v-model="searchTableInfo"
placeholder="请输入姓名"
style="width:240px"
></el-input>