获取url两个参数值的方法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Hei_lovely_cat/article/details/102741116

路径转码及对路径的拆分
1、说明
在vue微信公众号项目中，扫一扫实现页面的跳转，页面地址http://zys.derunht.cn/charge/#/register?waterNumber=01231546?openid=ofR4DwskSjro99QxtXZYht4GcLvM，但是后台进行了加码，为http://zys.derunht.cn/charge/#/register?waterNumber=01231546%3Fopenid%3DofR4DwskSjro99QxtXZYht4GcLvM
2、步骤

1. 进行解码，还原路径（拓展转码代码）

//转码
var url = encodeURIComponent("http://localhost:8888/xx/yy?a=aaa&b=bbb&c=ccc");
//解码
var ourl = decodeURIComponent(url);

2. 获取地址后面的所有参数内容

window.location.href.split("?")[1]

拓展：获取地址为var url = window.location.href.

3. 对地址后面的所有参数内容进行拆分获取（下面为完整代码）

var url =decodeURIComponent(window.location.href.split("?")[1]);  
 //第一个参数的值
this.water_code = url.split("?")[0].split("=")[1];          
 //第二个参数的值
this.openid = url.split("?")[1].split("=")[1];

欢迎转载纠正，谢谢。