element-ui 动态路由跳转问题

简介: element-ui 动态路由跳转问题

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>


相关文章
QGS
|
1天前
|
JavaScript 安全 前端开发
手摸手Element-ui路由VueRoute
手摸手Element-ui路由VueRoute
QGS
33 1
|
6月前
vue2.0 + element-ui 实战项目-导航栏跳转路由(二)
vue2.0 + element-ui 实战项目-导航栏跳转路由(二)
41 0
|
6月前
|
JavaScript
Vue框架Element UI教程-导航栏跳转路由(五)
Vue框架Element UI教程-导航栏跳转路由(五)
39 0
|
6月前
|
JavaScript
Vue移动端框架Mint UI教程-跳转新页面(四)
Vue移动端框架Mint UI教程-跳转新页面(四)
52 0
|
7月前
|
开发者
SAP UI5 应用开发教程之三十一 - SAP UI5 的路由历史和路由回退(Routing back and history)试读版
SAP UI5 应用开发教程之三十一 - SAP UI5 的路由历史和路由回退(Routing back and history)试读版
32 0
|
7月前
|
开发者
SAP UI5 应用开发教程之三十 - SAP UI5 的路由过程中进行参数传递试读版
SAP UI5 应用开发教程之三十 - SAP UI5 的路由过程中进行参数传递试读版
42 0
|
7月前
|
开发者
SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍试读版
SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍试读版
21 0
|
7月前
|
Web App开发 前端开发 JavaScript
如何使 SAP UI5 SmartField 在运行时渲染成超链接的形式并支持跳转的试读版
如何使 SAP UI5 SmartField 在运行时渲染成超链接的形式并支持跳转的试读版
27 0
|
7月前
|
Web App开发 前端开发 JavaScript
SAP UI5 Cross Application Navigation (跨应用间跳转)的本地模拟实现试读版
SAP UI5 Cross Application Navigation (跨应用间跳转)的本地模拟实现试读版
28 0
|
8月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之一百零六 - 如何提高 SAP UI5 应用路由 url 的可读性试读版
SAP UI5 应用开发教程之一百零六 - 如何提高 SAP UI5 应用路由 url 的可读性试读版
43 0

热门文章

最新文章