VUE3 使用 Ant Design Vue的icon图标_@ant-design/icons-vue

1. 安装：

npm install --save @ant-design/icons-vue
1

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])
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15