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

vue 获取当前路由

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

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

  • 关于叶子的歇后语

    1、芋头叶子上的水珠——不长久2、荨麻的叶子——碰不得3、枇杷叶子——光面一翻便是毛面4、桂花落了叶子&...

    歇后语查看全文>>
  • 五菱宏光s新款报价是多少?

    五菱宏光s新款报价是7万元左右:1、五菱汽车在国内的知名度是非常高的,而且所推出的每一款车型,都有着非常不错的销量表现;2、五菱宏光S3在上市之后的一段时间里,月销量就过万台了...

    问答查看全文>>
  • 关于旅游的好词好句

    1、我喜欢秋天中银杏叶的黄,尤其是在路灯照耀下的那种色彩。在黑夜的映衬下,那种黄不是金灿灿的,黄得有些娇嫩,黄得有些含蓄。路上的行人很少,那路灯照着的银杏树就像画在画布上的油画...

    句子查看全文>>
  • 钥匙插拔不流畅怎么办

    钥匙插拔不流畅这么办:1、钥匙插拔不流畅,主要是有一些是铁质钥匙,使用时间长了以后便会锈蚀。碰到这种难题我们能先把钥匙滋养一下,挤一些牙膏,由于牙膏本身就有除锈的功能,来回摩擦...

    问答查看全文>>
  • 玛莎拉蒂声浪按钮在哪

    声浪是车辆启动后排气管发出的声音,大部分车型是没有对声浪控制的,只有少量的超跑会有可变阀门,用来改变发动机高速运转时的排气顺畅性,同时也调节了声浪的大小,而马萨拉蒂是没有声浪控...

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