美文网首页
获取页面路径中的参数(vue、H5、微信)

获取页面路径中的参数(vue、H5、微信)

作者: 我讲你思 | 来源:发表于2019-02-25 10:05 被阅读0次

在微信H5中我们经常需要获取页面路径中的参数,如果正好项目是用vue写的,路径如下:
https://qcdkauto.17link.cc/?api_token=f3u4qmrgcyia672nn61g87zxexq16uzn#/course?id=117
获取的是比较麻烦的,使用this.$router.query,只能获取到‘#’后面的参数,使用一般的方法只能获取到‘#’前面的参数,所以需要将两种方法结合一下;

export default {
  name: 'index',
  data() {
    return {
      showT: false
    }
  },
  created() {
    const queryUrl = this.getRequest()
    let urlParams = Object.assign(queryUrl, this.$route.query)  //参数合并
    if(urlParams.api_token) {
       localStorage.setItem('api_token', queryUrl.api_token)
     };
},
  methods: {
    getRequest() {
         var url = decodeURIComponent(location.search);

         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]]=unescape(strs[i].split("=")[1]);
            }
           }
          return theRequest;
    }
    
  }
}

相关文章

网友评论

      本文标题:获取页面路径中的参数(vue、H5、微信)

      本文链接:https://www.haomeiwen.com/subject/zolwyqtx.html