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

除了使用 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 是更推荐的方法。

你可能感兴趣的:(vue,vue.js,前端,javascript)