H5获取链接中的参数

在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);