【轉】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["參數名稱"]