【转】vue中获取当前url路径,使用window.location.search

原文地址：https://www.cnblogs.com/chr506029589/p/13153701.html

原文地址：https://www.cnblogs.com/libin-1/p/7067813.html

查找了location对象的属性

 

 

 

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

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

常用取url参数的方法（网上搜的）

1.正则方式

function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}

// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

2.字符串方式

function GetRequest() {
  var url = location.search; //获取url中"?"符后的字串
  var theRequest = new Object();
  if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
      theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
    }
  }
  return theRequest;
}

// 调用方式
var urlParams = GetRequest();
urlParams["参数名称"]