快速查询url参数的方法

在vue跳转小程序或者多页面开发时,有时用不了router,只能用原生方法查询参数,神仙同事教我的方法,现在记录一下.

正则方法一

 mounted() {
    this.userInfo.openid = this.getQueryString("openid");//在这里传入你想搜索的关键词,例如openid
    this.userInfo.storeId = this.getQueryString("storeId");//在这里传入你想搜索的关键词,例如storeId
  },
  methods: {
    // 查询字符串
    getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      //search从问号 (?) 开始的 URL（查询部分）
      var r = window.location.search.substr(1).match(reg);
      //decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
      if (r != null) return decodeURI(r[2]);
      return null;
    },
    }

原生对象查询方法二

let search = new URLSearchParams(location.search);
console.log(search.get("test3"));
console.log(search.get("test"));
console.log(search.set("test3", "eeee"));
console.log(search.get("test3")); //重新设置url参数