Ant-design-pro的动态菜单的实现 Ant-design-pro的动态菜单的实现

页面效果：

文章图片

如何实现：
1：分别建立SiderMenu和SubMenu组件
2、去and-desingn-vue的官方文档里copy单文件递归菜单的代码https://www.antdv.com/components/menu-cn/#components-menu-demo-single-file-recursive-menu
将代码拷贝到SiderMenu组件中。
3、将https://github.com/vueComponent/ant-design-vue/blob/master/components/menu/demo/SubMenu.vue里的代码拷贝进SubMenu组件中
4、事先确定好了路由以及数据格式。
5、在siderMenu中定义好遍历路由的方法（通过递归以及字段的验证来返回需要显示的菜单与其下的所有子菜单）

文章图片

SiderMenu的Templete:

文章图片

SubMenu的截图：

文章图片

【Ant-design-pro的动态菜单的实现】

Ant-design-pro的动态菜单的实现

推荐阅读

赠与合同可以口头约定吗赠与合同可以口头约定吗

请问个人贷款怎么贷

山西位于中国什么方向

久坐伤卵巢老得快正常吗久坐伤卵巢老得快

初期怀孕了能不能同房吗怀孕了能不能同房吗注意什么

刷扣扣名片赞软件有什么赞扣扣名片软件

qt链接mysql

汽车抛光打蜡伤车漆吗

如果赤壁之战,曹操死在华容道,刘备能取得天下吗？

如何让自己不想上厕所

如何发海参

静而不争是什么意思静而不乱静而不争的意思

佳能相机二手卖多少钱佳能相机二手镜头价格多少钱一个

登革热属于几类传染病登革热传染源是什么

免疫细胞|涨知识！衰退的免疫系统是癌症发生的主因，回输免疫细胞可解决

场地使用费计入什么科目

鼻综合咨询鼻综合隆鼻

口干脚软怎么办感觉口干腿软很累怎么办

顶级狗粮什么牌子的最好？顶级狗粮十大品牌排行榜

科股早知道|钛媒体科股早知道：长安汽车合作品牌阿维塔将于11月15日发布；中汽协秘书长王耀：筹备建设汽车大数据区块链平台