以下JS函数用于获取url参数:
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
url 实例:
http://www.baidu.com/index.html?id=123&image=zz.jpg
调用 getQueryVariable("id") 返回 123。
调用 getQueryVariable("image") 返回 "zz.jpg"。
vue中:
1、路由获取
this.delivery_asn = this.$route.query.delivery_asn;
2、非路由获取
(1)在js文件中写方法
export function getUrlKey(name,url){
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(url) || [, ""])[1].replace(/\+/g, '%20')) || null
}
(2)在项目文件中引入
import { getUrlKey } from '@/utils';
(3)在项目文件中使用
this.delivery_asn = getUrlKey("delivery_asn ",window.location.href)
如果url中参数base64编码
let path = window.location.href.split("?") //分割url
let href = path[0]+"?"+path[1]
let query = Base64.decode(path[1]) //解码
href = path[0]+"?"+ query //解码后重组
this.delivery_asn = getUrlKey("delivery_asn ",href)