＜web-view＞跳转url参数丢失

我们都知道小程序在跳转外链时只能通过web-view跳转

<web-view src="https://www.example.com"></web-view>

如果链接是在A页面请求到，传递到B页面中赋值给src,就容易出现参数丢失的现象

//A页面
src = 'https://www.example.com?id=3'
uni.uni.navigateTo({
		url: `/home/B?url=${src}`
})
//B页面
onLoad(e){
    this.url = e.url
}
//此时的url = 'https://www.example.com'  ?后边的参数丢失

一直跳转出错，后来才发现地址中参数丢失，？后面的参数丢失

解决方法：

传递地址时使用encodeURIComponent()编码，decodeURIComponent()解码

//A页面
src = 'https://www.example.com?id=3'
uni.uni.navigateTo({
		url: `/home/B?url=${encodeURIComponent(src)}`
})
//B页面
onLoad(e){
    this.url = decodeURIComponent(e.url)
}

这样传递过来的地址参数不会丢失