vue中使用iconfont矢量图

tech2026-04-26  1

先把准备工作做完:

打开iconfont官网登陆账号新建项目把选好的图标添加至购物车打开要使用的项目生成在线链接,后缀为.js

接下来就是如何在vue项目中使用:

新建一个js文件例: import Vue from 'vue' import Icon from 'ant-design-vue/es/icon' //你所使用ui组件库需要支持iconfont const IconFont = Icon.createFromIconfontCN({ scriptUrl: xxx // xxx为iconfont项目生成的.js远程链接 }) Vue.component('icon-font', IconFont) //最后在全局注册一下就可以在vue项目中使用了

vue项目中使用:

<icon-font type="xxx"/> //xxx为iconfont图标的名称
最新回复(0)