Vue项目:url地址栏获取参数
发布时间:2019-03-23 22:24 星期六
本文在于解决如何从url地址栏快速获取想要的参数。
一、封装好的js函数
参数说明 :
name:想要获取的参数名
备注:此函数用原生JS书写,可在任意框架插件中使用
// 获取地址栏参数
getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");
var r = window.location.search.substr(1).match(reg);
var q = window.location.pathname.substr(1).match(reg_rewrite);
if(r != null){
return unescape(r[2]);
}else if(q != null){
return unescape(q[2]);
}else{
return null;
}
}
二、Vue项目中如何快速使用
1.在methods里面定义函数
2.在想要的地方调此方法,如created();