获取vue路由跳转路径

Posted hlrblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取vue路由跳转路径相关的知识,希望对你有一定的参考价值。

平时BUG:

  在vue中使用element ui 中的导航组件时,使用index作为跳转的路径,单击跳转没有问题,但是当刷新页面是,选项卡的激活
状态就变成初始化的了,起起初想到用获取window.location.search方法,效果是可以达到,但是后来发现这操作有的牵强,就换成了vue中
自己的获取路由路径的方式,如下:

 

1 let cur_path = this.$route.path;                 //获取当前路由
2 let routers = this.$router.options.routes;   // 获取路由对象
3 this.activeIndex=cur_path.replace("/","");
4 if(cur_path.indexOf("SystemSetup") > 0){
5 this.activeIndex=‘SystemSetup‘
6 }

 



以上是关于获取vue路由跳转路径的主要内容,如果未能解决你的问题,请参考以下文章

vue路由(一、二级路由)

React中路由操作、页面跳转

详解vue 路由跳转四种方式 (带参数)

vue2.0的常用功能简介

vue路由如何返回到指定页面

vue router获取整条路径参数