1. Vue3.x项目在安装Ant Design Vue时,需要指定Ant Design Vue的版本(至少在2.x以上)
Ant Design Vue包地址
安装命令: npm i ant-design-vue@next
2. Vue3.x项目使用Ant Design Vue 图标步骤
2.1 安装图标库
指令:npm install --save @ant-design/icons-vue
2.2 引入图标组件并注册
<script>
import { defineComponent } from "vue";
import { HomeOutlined } from "@ant-design/icons-vue";
export default defineComponent({
components: {
HomeOutlined,
},
});
</script>
2.3 使用图标
<span><HomeOutlined></HomeOutlined></span>
3.安装ant-design-vue/pro-layout
安装命令:yarn add @ant-design-vue/pro-layout@1.0.8