VUE3—无限级菜单渲染

场景:

从后台api查询菜单数据,渲染到界面,比如后台管理系统的左侧的树形菜单,如果用v-for或者if去判断的话,如果层级很多的情况下,会造成代码冗余。所以这个时候可以使用组件的方式,通过组件内递归达到代码的简洁,也方便调用和修改

解决办法:

在项目components文件夹中创建文件夹menu,在menu文件夹下创建menuTree.vue文件。

menuTree.vue