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

vue获取当前路由

人气:164 ℃/2023-11-18 02:13:22

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中应该如何获取当前路由,我们就了解到这啦!

  • 喜得贵子的祝福语

    1、朋友喜得贵子,送上我小小的祝福:希望宝宝,将来文采堪比文曲星,成为人中之龙,鸟中之凰,出人头地,健健康康,全家幸福快乐!2、孩子是你的希望,宝贝是你的寄托,在你喜得贵子的同...

    祝福语查看全文>>
  • 风趣幽默的句子

    1、你的长相已经突破了人类的想象,极具后现代艺术水准,有变形金刚的血统。2、他们永远无法体会,笨、懒、没出息,对我们人生的幸福有多么重要……3、安眠...

    句子查看全文>>
  • 菲亚特菲跃油箱多大?

    菲亚特菲跃油箱是60升的,相对还是比较大的:1、小型车油箱容量35-45升。中型车油箱容量55-75升左右;2、在车辆配置表中所标明的油箱标准容积其实不是最大的油箱容积。按照国...

    问答查看全文>>
  • 丰田霸道长什么样?有什么特征?

    丰田霸道的识别度很高,悬挂丰田车标,是一款硬朗的SUV车型,外观采用了全新的前脸设计,前大灯、前进气格栅及前保险杠都进行了重新设计,引入了许多直线条的设计元素,整体风格更趋于硬...

    问答查看全文>>
  • qq性签名中心

    1、好想知道,有没有那么一秒你也害怕过失去我。2、诚愿21世纪,真理和正义成为人类社会最高的法则;人性和理性在全世界取得最后的胜利。3、我们觉得不快乐,是因为我们追求的不是幸福...

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