首页 > 其他 > 详细

vue-element-admin使用内容

时间:2019-12-12 11:30:34      阅读:114      评论:0      收藏:0      [点我收藏+]

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
        },
      }
    ]
  },

结果如图所示:

技术分享图片

vue-element-admin使用内容

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!