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

# javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue