vue获取浏览器url参数

前段时间写的后台管理 有个需求：订单页面生成二维码图片 扫描二维码跳转至app页面

第一次经历哇！！！
从扫描二维码跳转过来的时候 url里边携带订单id（参数）
例如 http://www.hahaha.com/list?orderId=214285#/home

外部进入的url会放在VUE项目编译以后自动加 “#/” ，其中带的参数在#/之前，那么我们只能用JS的方法来获取

在methods中定义方法 获取到参数

    /* 获取地址栏url参数 */
    getUrlKey() {
      var url = window.location.href; //获取当前url
      var dz_url = url.split("#")[0]; //获取#/之前的字符串
      var cs = dz_url.split("?")[1]; //获取?之后的参数字符串
      var cs_arr = cs.split("&"); //参数字符串分割为数组
      var cs = {};

      for (var i = 0; i < cs_arr.length; i++) {
        //遍历数组，拿到json对象
        cs[cs_arr[i].split("=")[0]] = cs_arr[i].split("=")[1];
      }

      this.urlId = cs.orderId;
    },

然后再需要这个id的方法中 调用getUrlKey()就行了

做一个小小的笔记 收藏