vue3 ts 使用 Ant Design Vue 全局引入 icons

最新推荐文章于 2025-11-06 13:59:07 发布

原创最新推荐文章于 2025-11-06 13:59:07 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #typescript

vue 同时被 2 个专栏收录

21 篇文章

订阅专栏

4 篇文章

订阅专栏

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Antd from 'ant-design-vue'
//导入所有图标库
import * as Icons from "@ant-design/icons-vue";
import type { Component } from 'vue'

import 'ant-design-vue/dist/antd.css';


const app = createApp(App)

app.use(store).use(router).use(Antd)

const IconData: Record<string, Component> = Icons
console.log('IconData', IconData)
Object.keys(IconData).forEach((key: string) => {
    app.component(key, IconData[key]);
})
app.mount('#app')

重点是使用 Record