element-ui el-input的placeholder内添加iconfont 图标

<el-input v-model="input" class="input" :placeholder="icon"> </el-input>//不能直接赋值

data() {

        return {

            icon:'\ue66d 搜索全网' //字体的unicode编码 \u加iconfont的unicode字体编码后4位

        }

    }


.el-input__inner{

            font-family:'iconfont';//字体

        }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 之前发表过一篇关于iconfont图标字体的相关教程,以文字的方式,实现网页中的图标和特殊字符。教程链接可参考:h...
    小码哥教育520it阅读 23,647评论 1 12
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,429评论 2 66
  • 期望是什么? 怎么做? <!DOCTYPE html> 搜索页 <!--mui.min.css需要你自己下载-->...
    周行知阅读 756评论 0 0
  • 终于离开了那几乎令她窒息的长门宫,阿娇难得的露出了笑意。 十多年的宫廷生涯令她再也不是之前的无忧少女了,尤其是陈氏...
    君清兮阅读 219评论 0 0
  • 文/云端一梦 天父把太阳藏在胸朴素的光束向地母输送山以青,水以秀的姿态长成优秀 地母用娇躯把火热蕴藏以滋养青青的草...
    云端一梦l阅读 3,798评论 103 125

友情链接更多精彩内容