vue获取url路径

vue中获取url路径
需要使用window.location.[options]

我们先弹出看一下window.location会显示什么？

 alert(window.location);

/sys-user为当前vue的路径

options属性有如下

属性	描述
hash	从#号开始的RUL
hostname	主机名和当前URL的端口
herf	完整的URL
pathname	当前URL的路径部分
port	当前URL的端口
protocol	当前URL协议
search	从问号（?)开始的URL（查询部分）

alert(window.location.hash)

 alert(window.location.host);

alert(window.location.hostname);

 alert(window.location.href);

alert(window.location.pathname);

 alert(window.location.port);

 alert(window.location.protocol);

 alert(window.location.search);

//获取全路径url "?“及”?"后面的值
http://localhost:86/detail?XXX=YYY
可以取到：?XXX=YYY

比如: http://localhost:8080/#/test?limitUserName=test&grade=0 像这种路径,取到的就是空值

因为查询字符串search只能在取到“？”后面和“#”之前的内容，如果“#”之前没有“？”search取值为空。

原文链接：https://blog.csdn.net/qq_42262444/article/details/115619457