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>