vue之placeholder中引⽤字体图标先说⼀下问题：在placeholder中想使⽤字体图标，结果渲染不正确，代码如图
效果如图
在⽹上get到了解决⽅法：input标签placeholder属性
在VUE组件中，给placeholder添加图标，需要注意以下⼏点：
1、不要给placeholder直接赋值，如下
<input type="text" class="iconfont search" placeholder=' 搜索⾳乐、视频、歌词、电台'>
应该使⽤：placeholder对此属性进⾏绑定赋值，如下
<input type="text" class="iconfont search" :placeholder='icon'>
export default {
name: 'app',
data:function(){
return{
icon:'\ue65a 搜索⾳乐、视频、歌词、电台'
}
}
}
2、iconfont的值，必须是字体的unicode编码
例如：
阿⾥巴巴字体库的unicode引⽤为 在vue组件中引⽤时，则为\ue65a
在\u加阿⾥unicode字体编码后4位即可。
然后就ok啦

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。