vue-element-admin使用内容

时间：2019-12-12 11:30:34 收藏：0 阅读：119

1.添加路由：

新建一个文件，要将该文件映射到侧边导航栏上

技术分享图片

在router.js中配置该文件的路由

  {
    path: ‘/user‘,
    component: Layout,
    children:[{
        path: ‘index‘,
        name: ‘user‘,
        component: () => import(‘@/views/user/index‘),
        meta: { title: ‘user‘, icon: ‘user‘ },
        }]
   },

结果如图所示：

技术分享图片

多个子路由

  {
    path: ‘/user‘,
    component: Layout,
    name: ‘User‘,
    meta: {
      title: ‘User‘,
      icon: ‘user‘
    },
    hidden: false,
    children: [
      {
        path: ‘userMsgTabel‘,
        name: ‘userTabel‘,
        component: () => import(‘@/views/user/userMsgTabel/index‘),
        meta: {
          title: ‘userTabel‘
        }
      },
      {
        path: ‘userMsgTabel‘,
        name: ‘userTabel1‘,
        component: () => import(‘@/views/user/userMsgTabel1/index‘),
        meta: {
          title: ‘userTabel1‘
        },
      }
    ]
  },

结果如图所示：

技术分享图片

原文：https://www.cnblogs.com/peilin-liang/p/12027883.html