Element ui 导航调用Vue二级路由的小细节与递归存储

Element ui 导航调用Vue二级路由的小细节

1.在创建vue二级路由时必须在父级文件的文件夹下创建子文件夹，并在子文件夹中创建文件

 

 

2.在router文件夹中找到index.js这个文件在里面编写路由

 

 

3.在一级路由的里面加children(注:他是数组)，在里面写路由的单个集合

 

 

4.打开element ui 官网：Element - 网站快速成型工具，在里面找NavMenu导航菜单找到你想用的那个然后复制粘贴

 

 

5.复制粘贴完成之后把<el-menu></el-menu>里的属性router改成true

 

 

6.把路由写到<el-menu-item></el-menu-itme>里的index的属性里

 

 

 

7.最后一步就是在你要显示的地方加上<router-view/>就ok了

 

 

 

递归存储

一个表里有父Id 就可以通过父Id找子级，也可以找父级

  public List<Route> GetPermissions()
        {
​
            List<Permission> p = _db.Permission.ToList();
            return GetPermi(p, "m");
        }
        private List<Route> GetPermi(List<Permission> oo, string PerCode)
        {
            List<Route> lose = new List<Route>();
            foreach (Permission itme in oo.Where(u => u.PerCode == PerCode))
            {
                
                Route pp = new Route();
                pp.Permission = itme;
                pp.Permissions = GetPermi(oo, itme.PareanCode);
                lose.Add(pp);
            }
            return lose;
        }

.net core api 在依赖注入的时候注入接口必须指定一个实现类

services.AddScoped<IpermissionRepostioy, PermissionRepository>();