使用h函数和iconfont自定义a-menu菜单的icon图标

首先项目中使用的是下载到本地的iconfont

将解压后的文件夹放入自己的项目中：

 在main.js中引入css：

 然后就可以使用啦

<a-menu v-model:selectedKeys="selectedKeys" mode="inline" :items="items"></a-menu>

import { ref, h } from 'vue'
const selectedKeys = ref(['1'])
const items = [
    {
        label: '首页',
        key: '1',
        icon: () => h('i', { class: 'iconfont icon-anquan2' }),
    },
    {
        label: '数据管理',
        key: '2',
        icon: () => h('i', { class: 'iconfont icon-jianguanfengkong' }),
    }
]