element-ui 动态路由跳转问题

vue-element-UI 路由跳转

今天在写后台管理的时候，需要用到element，于是就到官网找了框架模板。但是后来遇到了一个问题—路由怎么跳转呢？找了挺久的解决办法，才解决，这里做下记录，以防以后再次遇到。

前提：

你需要在index.js中配置好要路由的路径，比如这样：

 {path: '/home', component: Home,name:'文章管理',
      children:[
        {
        path:'/articleList',
        name:'文章列表',
        component:articleList
        }
       ]
   }

然后就是动态进行路由的内容啦：

首先需要在<el-menu>中添加 如下信息：

 <el-menu router :default-active="this.$route.path">

其次在<el-menu-item>中的index修改为想要路由的地址就好啦~

 <el-menu-item index="/articleList">文章列表</el-menu-item>