element UI input输入框修改头部图标

一、属性方式

<el-input
    placeholder="请选择日期"
    prefix-icon="el-icon-search"
    v-model="input1">
  </el-input>

prefix-icon也可以用iconfont里的图标

<el-input
    placeholder="请选择日期"
    prefix-icon="iconfont icon-sousuo"
    v-model="input1">
  </el-input>

二、slot方式

<el-input
    placeholder="请输入内容"
    v-model="input4">
    <i slot="prefix" class="el-input__icon el-icon-search"></i>
  </el-input>

使用iconfont里的图标

<el-input
    placeholder="请输入内容"
    v-model="input4">
    <i slot="prefix" class="iconfont icon-sousuo"></i>
  </el-input>