① index.wxml
为web-view标签添加bindload事件 web-view bindload | 微信开放文档
<web-view src="{{webview_url}}" bindload="getCurUrl"></web-view>
② index.js
页面加载成功时会触发bindload事件绑定的方法 此方法可以获取当前页面的地址
getCurUrl(e) {
var shareUrl = e.detail.src;
this.setData({
shareUrl: shareUrl ,
})
},
③ index.js
把地址赋值给变量shareUrl 分享页面的时候把该变量追加到path中
要使用decodeURIComponent()解码 (否则开发者工具上正常 真机测试打开是空白页)
onShareAppMessage: function () {
var that = this;
return {
title: "xxxxx",
path: '/pages/index/index?url=' + decodeURIComponent(that.data.shareUrl),
}
},
④ index.js
点击分享页面 进入小程序时在onLoad方法中获取到 分享地址中携带的 地址变量 url
把该变量赋值给webview_url 在web-view src中调用
onLoad(options) {
console.log('onLoad_url:' + options.url)
this.setData({
webview_url: options.url,
})
},