在H5网页的项目中我们经常需要获取连接中的参数
//这种方法只能获取连接中#以前拼接的参数
function getQuerystring(key) {
const url = new URL(window.location.href);
return url.searchParams.get(key);
}
这种方法只能获取连接中#以后拼接的参数
function getRouteQuery(vm, key) {
const params = vm.$route.query;
return params[key];
}
//把这两中方法结合一下,就能完美获取链接中的参数了
function getQuery(vm, key) {
return vm.$route
? getQuerystring(key) || getRouteQuery(vm, key) || ''
: getQuerystring(key) || '';
}
const url = new URL(window.location.href);
console.log(url);
const urlParams = url.searchParams;
let paramsObj = {};
for (const [key, value] of urlParams.entries()) {
paramsObj[key] = value;
}
if (this.$route) {
const routeQueryObj = this.$route.query;
paramsObj = Object.assign(paramsObj, routeQueryObj);
}
console.log(paramsObj);