nested_route v1.0.8

一、功能

采用v2配合element_ul组件库的左侧权限渲染模块

二、安装

npm

1、安装npm i element-ui -S组件库

2、安装nested_route模块库

三、例子

// main.js
// 导入
import nestedRoute from 'nested_route/nestedRoute';
// 注册插件
Vue.use(nestedRoute)

<nestedRoute :routers='asyncRoutes'></nestedRoute>

   asyncRoutes: [
      {
                    path: '/permission',
                    component: 'layout',
                    children: [
                        {
                            path: 'role',
                            name: 'role',
                            meta: { title: '总管理', icon: 'el-icon-s-check', roles: ['admin'], },
                        }]},
                
                {
                    path: '/permission',
                    component: 'layout',
                    redirect: '/permission/role',
                    meta: {
                        title: '权限管理',
                        icon: 'el-icon-lock',
                        roles: ['admin', 'manager'],
                    },
                    children: [
                        {
                            path: 'role',
                            name: 'role',
                            meta: { title: '角色管理', icon: 'el-icon-s-check', roles: ['admin'], },
                        },
                        {
                            path: 'user',
                            name: 'user',
                            meta: { title: '用户管理', icon: 'el-icon-user-solid', roles: ['admin', 'manager'], },
                        },
                    ],
                },
                {
                    path: '/charts',
                    component: 'layout',
                    redirect: '/charts/pie',
                    meta: {
                        title: '图表管理',
                        icon: 'el-icon-s-data',
                        roles: ['admin', 'manager', 'worker'],
                    },
                    children: [
                        {
                            path: 'pie',
                            name: 'pie',
                            meta: { title: '饼图' },
                        },
                        {
                            path: 'Lines',
                            name: 'Lines',
                            meta: { title: '折线图' },
                        },
                        {
                            path: 'bar',
                            name: 'bar',
                            meta: { title: '柱状图' },
                        },
                    ],
                }
            ]