微信小程序web-view嵌入h5页面,分享当前页

①  index.wxml

为web-view标签添加bindload事件  web-view bindload | 微信开放文档

 

②  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,
    })
},

你可能感兴趣的:(微信小程序,微信小程序)