脚本宝典收集整理的这篇文章主要介绍了

【Vue】 外部JSON数据引用Iconfont

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

尝试了uniclde方式之后发现动态写入的字符编码渲染成了字符串,我怀疑有可能是引入的顺序导致的字符编码没有被编译。
尝试了官网给得第二张方法 FontClass,坑的地方就是官方只给了一个地址
//at.alicdn.com/t/font_703595_fkypz725vpa.css
但是并没有告诉我怎么使用,无意中在另一位同学的代码中看到那个地址出现在了CSS里面的import里。好吧,我就是很菜。第三种方法还没有搞懂那个地址是引用在哪里的,在js里import里报错,暂时把坑放在这里,之后来填吧...


CSS中引用

@import '//at.alicdn.com/t/font_703595_fkypz725v

DOM结构中通过class引用

    <h1 :class="'iconfont icon-' +item.icon">{{item.title}}</h1>

外部json的数据结构

              {
                "title": "云主机 UHost",
                "icon": "yuanhuan",
                "descrition": "高性能、稳定、低成本;提供多种机型满足不同业务需求",
                "link": "#"
              }, {
                "title": "容器集群 UDocker",
                "icon": "database",
                "descrition": "支持自由创建和管理容器集群",
                "link": "#"
              }

总结

以上是脚本宝典为你收集整理的

【Vue】 外部JSON数据引用Iconfont

全部内容,希望文章能够帮你解决

【Vue】 外部JSON数据引用Iconfont

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过