欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

vue获取当前激活路由的方法

程序员文章站 2024-01-23 13:28:58
...
下面我就为大家分享一篇vue获取当前激活路由的方法,具有很好的参考价值,希望对大家有所帮助。

一个 route object(路由信息对象) 表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的 route records(路由记录)。

route object 是 immutable(不可变) 的,每次成功的导航后都会产生一个新的对象。

route object 出现在多个地方:

在组件内,即 this.$route

在 $route 观察者回调内

router.match(location) 的返回值 (在main.js可以获取当前激活路由信息)

注意:

this.$route的path和router.match(location)的path是不一样的,他们都有一个属性fullpath,值是hash和path的拼接,router.match(location)在我这里一直是等于/login,应该是指向根路由,hash是带上描点#的当前路由路径,因此,要使用router.match(location)获取当前激活的路由,只能使用hash属性,原因还不知道。。

vue获取当前激活路由的方法

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

解决使用vue.js路由后失效的问题

js中如何完美的解析数据

js中DOM事件绑定分析

以上就是vue获取当前激活路由的方法的详细内容,更多请关注其它相关文章!