获取当前url参数并跳转指定链接拼接参数

最新推荐文章于 2024-11-15 16:35:55 发布

依古比古*

最新推荐文章于 2024-11-15 16:35:55 发布

阅读量964

点赞数

分类专栏： js web前端 vue 文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/Wendymwz/article/details/124428630

版权

web前端同时被 3 个专栏收录

40 篇文章

订阅专栏

vue

12 篇文章

订阅专栏

3 篇文章

订阅专栏

<template>
  <div class="app-container">
    当前浏览器url的参数 {{ params }}

    <el-button @click="goSubSystem"> 登陆</el-button>
  </div>
</template>

<script>
export default {
  name: "subSystem",
  data() {
    return {
      params: {},
    };
  },
  created() {},
  beforeMount() {
    var queryName = window.location.href;
    function GetRequest() {
      //两种方式，输入链接获取或当前链接获取
      if (typeof urlStr == "undefined") {
        var url = decodeURI(location.search); //获取url中"?"符后的字符串
      } else {
        var url = "?" + urlStr.split("?")[1];
      }
      var theRequest = new Object();
      if (url.indexOf("?") != -1) {
        var str = url.substr(1); //去掉问号，问号为第一个字符
        var strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
          theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
        }
      }
      return theRequest;
    }
    this.params = GetRequest(queryName);
    console.log(this.params);
    var ua = navigator.userAgent.toLowerCase();
    // if (
    //   ua.match(/MicroMessenger/i) == "micromessenger" ||
    //   ua.match(/iphone os/i) == "iphone os" ||
    //   ua.match(/ipad/i) == "ipad" ||
    //   ua.match(/android/i) == "android" ||
    //   ua.match(/midp/i) == "midp" ||
    //   ua.match(/rv:1.2.3.4/i) == "rv:1.2.3.4" ||
    //   ua.match(/ucweb/i) == "ucweb" ||
    //   ua.match(/windows ce/i) == "windows ce" ||
    //   ua.match(/windows mobile/i) == "windows mobile"
    // ) {
    //   alert("移动端");
      
    // }
  },
  methods: {
    goSubSystem() {
      window.location.href = `http://3689052b9f.zicp.vip/auth/wechatlogin?code=${this.params.code}&state=${this.params.state}`;
    },
  },
};
</script>