1. 程式人生 > >微信小程式外鏈H5採坑紀事

微信小程式外鏈H5採坑紀事

微信小程式外鏈H5頁面是通過web-view 元件實現的, 在外鏈的H5頁面上不可避免的會傳遞引數, 這是可通過url傳遞, 在H5頁面擷取?之後的引數獲取,從而做他用.
需要注意的是: 將H5的連結賦給web-view的src時, 要整體複製, 不要使用插值的形式, 例如下面:

<web-view src="{{H5Url}}"> </web-view >
data:{
	id: 0,
	url:''
},
onLoad(){
	this.setData({url:'https://xxx.xxx.com/?id='+ this.data.id})
}
這樣傳值可避免在解析query的時候, 還沒解析完, src就已經載入了, 造成錯誤.
下面是錯誤示例:
<web-view src="https://xxx.xxx.com/?id={{id}}"> </web-view >
 這樣寫,在將一部分安卓手機遇到 "  id=空  "的問題.