uniapp从企业微信、微信公众号获取地址栏的参数

以下两种方式经本人测试有效:

方式一、使用原生的获取地址栏方式

地址栏路径比如:http://localhost:8080/#/?code=dZODtWsSc_-It1i8Ci-W1IP0S3fVpySTBhv1BQ11tuM

const weixin_code = this.getParam(location.href, "code"); //code 获取获取哪一个参数的键
console.log(weixin_code, "地址栏获取参数");
getLocationHref(path, name) {
      var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
      if (reg.test(path)) return unescape(RegExp.$2.replace(/\+/g, " "));
      return "";
    }

方式二、使用onLoad周期获取
域名跳转过来的一般会调用一个默认的首页路径:如果自己工程的首页默认打开第一个页面路径是pages/index/index,可以在index.vue中直接使用onLoad周期获取到企业微信或者公众号跳转携带过来的参数,获取只需要在onLoad周期接收到的形参里面options通过对象的方式取即可:
实例如下:
index.vue

onLoad(options) {
    console.log(options.code, "地址栏获取参数2");
   }

猜你喜欢

转载自blog.csdn.net/qq_44472790/article/details/117650396