小程序通過web-view跳轉並傳參給內嵌的h5頁面

微信小程序中可以通過<web-view>標籤嵌入h5頁面，通過 src屬性進行跳轉，但是好像只能是https的,因爲傳參帶特殊符號，要進行解析;

---

在小程序中

Page({
	data:{
		src:'https://xx.xx.',
		name:'名字',
		id:'123456'
	},
	onLoad(options){
		var {src,name,id}=this.data;
		this.setData({
			src:`${src}?name=${name}&id=${id}`
		})
	}
})

<web-view src="{{src}}"></web-view>

---

h5頁面(vue項目)

data(){
	return{
		name:'',
		id:''
	}
},
created(){
	this.name=this.getQueryString("name");//雙引號
	this.id=this.getQueryString("id")
},
getQueryString(params)
  {
    var reg = new RegExp("(^|&)" + params + "=([^&]*)(&|$)", "i");//解析url地址
    var r = window.location.search.substr(1).match(reg);
    if (r != null)
      {
        return decodeURIComponent(r[2]);
      }
      return null;
  }