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配置

this.$route.params

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

关于vue中应该如何获取当前路由,我们就了解到这啦!

上一篇:echarts教程 下一篇:linux密码忘记 重置密码的方法

Copyright 2016-2025 www.tongjingw.cn 痛经网 版权所有 Power by

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