ant-design-vue自定义使用阿里iconfont图标

ant-design-vue自定义使用阿里iconfont图标

ant-design-vue与vue-admin-element引用iconfont图标还是有点区别的，具体步骤如下：

第一步：从iconfont获取项目js链接

第二步：查看官网资料

首先我们在需要引用iconfont的页面处加入

import { Icon } from ‘ant-design-vue’;

并定义一个组件

const IconFont = Icon.createFromIconfontCN({

scriptUrl: ‘///t/font_8d5l8fzk5b87iudi.js’,

});

export default {

components: {

IconFont,

},

};

定义完之后我们在页面中只需这样引用

这样就完成啦