vue 获取当前路由

生活知识 2022-11-01 08:40www.tongjingw.cn生活知识

vue中如何获取当前路由？我们一起看看吧！

vue是一套用于构建用户界面的渐进式JavaScript框架。

vue 获取当前路由路径可以用

this.$route.path

route相当于当前正在跳转的路由对象可以从里面获取name,path,params,query等。

获取完整url可以用

window.location.href

获取路由路径参数可以用

this.$route.params

vue中获取路由参数主要有两种方法

第一种方法通过query配置

this.$route.query

该方式的弊端在于，在页面间跳转可正常使用，如info、isTrue、func，在进行页面刷新时，所有参数值会转化为字符串，如对象info会转化为字符串'[Object Object]'，布尔值isTrue会转化为'false'，从而导致使用错误。

第二种方法通过params配置

<router-link :to="{ name:'login',query:{id:1} }">登录</router-link>

params也可以携带任何任意类型的数据，在页面间跳转时，参数在地址栏不可见，可通过输入代码的方式获取，页面刷新后参数消失。

以上就是小编收集整理出来的，望能够帮助到大家。

上一篇：oracle expdp 下一篇：python getattr函数

缓解痛经，月经周期，痛经药，月经不调，痛经怎么办，大姨妈，治疗痛经，女人痛经，月经推迟