当前位置:家常菜>百科>科技>正文

vue 获取当前路由

人气:391 ℃/2024-08-14 11:55:08

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

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

  • 奇瑞瑞虎5节气门怎么拆卸,瑞虎5节气门怎么匹配

    奇瑞瑞虎5节气门拆卸步骤:1 、把空气过滤器及进气管拆卸下来,就可以看见节气门了。2、 把节气门的四个固定螺丝拆下来,轻轻晃动节气门体使它脱离发动机体。在发动机体接口处有一个密...

    问答查看全文>>
  • 奥蜜芳丝眼膜好用吗 奥蜜芳丝眼膜怎么样

    眼部护肤品要比其他护肤品价格高,还好遇到了奥蜜芳丝眼膜。下面小编为大家介绍下奥蜜芳丝眼膜怎么样?奥蜜芳丝眼膜好用吗奥蜜芳丝眼膜怎么样奥蜜芳丝这款微晶眼膜还是头一次尝试有被惊艳到...

    品牌查看全文>>
  • 关于孔子读书的名言

    1、知之者不如好之者,好之者不如乐之者。2、不迁怒,不贰过。3、朽木不可雕也,粪土之墙不可圬也。4、笃信好学,死守善道。危邦不人,乱邦不居,天下有道则见,无道则隐。5、温故而知...

    名言查看全文>>
  • 闯红灯会扣分吗

    闯红灯扣6分,但并非所有情况驾驶员会被扣掉6分。若出现直行道左转等路口违法,仍然以《道路交通安全法》中违反禁令标志记3分。同时被摄像头记录下来的闯红灯行为只进行200元罚款,不...

    问答查看全文>>
  • 你买得起哪个 宝马最贵的十款车

    为您整理了你买得起哪个,它们是宝马M8、宝马M6、宝马7系、宝马i8(进口)、宝马X6 M、宝马X5 M、宝马Z8、宝马M5、宝马X7、宝马6系,帮您了解宝马最贵的十款车的详细...

    品牌查看全文>>
本网站部分内容、图文来自于网络,如有内容侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2007-2024 家常菜 All Rights Reserved. 手机版