1. 安装:
npm install --save @ant-design/icons-vue

2.在main入口文件引入,不想一个个一得导入,可直接循环导入即可

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import * as Icons from '@ant-design/icons-vue';

const app = createApp(App);
app.use(Antd).use(router).mount('#app')
// 循环使用全部全部图标
const icons: any = Icons;
for (const i in icons) {
    // 全局注册一下组件
    app.component(i, icons[i])
}
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐