首页  >  文章  >  web前端  >  vue获取当前激活路由的方法

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

亚连
亚连原创
2018-05-29 17:01:421886浏览

下面我就为大家分享一篇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.js路由后失效的问题

js中如何完美的解析数据

js中DOM事件绑定分析

以上是vue获取当前激活路由的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn