本篇文章主要介绍了vuejs使用递归组件实现树形目录的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

思路 ： 动态路由实现:在导航守卫中判断用户是否有用户信息， 通过调用接口，拿到后台根据用户角色生成的菜单树， 格式化菜单树结构信息并递归生成层级路由表并 使用Vuex保存，通过  router.addRoutes  动态挂载到  router  上，按钮级别的权限控制,则需使用自定义指令去实现。 实现： 导航守卫代码： router.beforeEach((to, from, next) => { NProgress.start() // start progress bar to

前言 Tree一直是大家熟知的组件，做一些大型的后台管理系统都会用到。使用树组件可以完整的展现其中的层级关系，并具有展开收起选择等交互功能。 效果 节点可以无限的递归延伸 可以展开和收起子节点 如果子节点全部选择对应的父节点也应该选中，反之父节点取消选中对应子节点也需要取消选中 API prop传递data属性，来描述所有的节点的信息 每个节点的配置描述如下 title： 展示的标题 expand 是否展开节点 checked 是否选中节点 children 子节点 以及还有