基于vue框架,使用element-ui组件库写表单效果,需要添加字体小图标,效果如下:
方法一
<el-input
prefix-icon="iconfont icon-sousuo"
v-model="searchTableInfo"
placeholder="请输入姓名"
style="width:240px"
></el-input>
方法二
<el-input
prefix-icon="iconfont icon-sousuo"
v-model="searchTableInfo"
placeholder="请输入姓名"
style="width:240px"
>
<i slot="prefix" class="iconfont icon-sousuo"></i>
></el-input>