首页 前端知识 获取vue当前页面url问号后面的参数

获取vue当前页面url问号后面的参数

2024-05-03 18:05:26 前端知识 前端哥 313 922 我要收藏

除了使用 window.location.search 或 Vue Router 的 $route.query 来获取 URL
问号后面的参数之外,您还可以使用 JavaScript 中的正则表达式来解析 URL 中的参数部分。以下是一个示例:

// 获取当前页面的完整 URL
const currentURL = window.location.href;

// 使用正则表达式匹配 URL 中的查询参数部分
const parameterMatch = currentURL.match(/\?(.*)/);

if (parameterMatch) {
  // 如果有匹配到参数部分
  const queryString = parameterMatch[1];
  
  // 将查询参数字符串解析为对象
  const params = {};
  queryString.split('&').forEach(pair => {
    const [key, value] = pair.split('=');
    params[key] = decodeURIComponent(value);
  });
  // 使用 params 获取特定参数的值
  const parameterValue = params.parameterName;
}

这段代码首先获取当前页面的完整 URL,然后使用正则表达式 /\?(.*)/ 来匹配 URL 中的查询参数部分(问号后面的部分)。如果找到匹配,它将查询参数字符串解析为对象,并可以使用 params 获取特定参数的值。
这种方法也可以用来获取 URL 问号后面的参数,但需要更多的手动解析工作。请根据您的需求选择合适的方式。如果您的项目使用了 Vue Router,那么使用 $route.query 是更推荐的方法。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6813.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!