el-input placeholder添加icon图标

矫情吗;* 2021-07-25 20:54 1713阅读 1赞

如下图,使用el-input想在placeholder增加icon图标
在这里插入图片描述
参考官方文档

prefix-icon 输入框头部图标

suffix-icon 输入框尾部图标

代码示例如下

  1. <el-form-item>
  2. <el-input v-model="form.username" placeholder="请输入账号" prefix-icon="el-icon-user-solid" ></el-input>
  3. </el-form-item>
  4. <el-form-item>
  5. <el-input v-model="form.password" placeholder="请输入密码" prefix-icon="el-icon-lock" ></el-input>
  6. </el-form-item>

发表评论

表情:
评论列表 (有 0 条评论,1713人围观)

还没有评论,来说两句吧...

相关阅读

    相关 添加自定义字体icon图标

    先提供一个比较好的自定义icon图标库[阿里图标库][Link 1] 所以接下来的使用主要就是以从上面提供的网址下载的icon图标为例(如果不会使用,请参考[使用][Link

    相关 网站图标Icon添加方法

    第一步,准备一个图标制作软件。 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要