基于vue架構,使用element-ui元件庫寫表單效果,需要添加字型小圖示,效果如下:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnL2UjN1QDM0QTM5EzMwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
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>