小程序完全嵌套h5后分享功能的实现

如果不做处理,那么分享的页面打开都会展示首页,产品的需求是分享那个页面用户点击分享链接后打开的就是那个页面,而不是首页

首先在小程序的分享事件中根据当前webview嵌套的h5链接判断当前是那个页面,从而分享链接中的路径就传递对应的标识

onShareAppMessage: function (options) {
  let webViewUrl = options.webViewUrl
  let share = {}
  if (webViewUrl.indexOf('add-work')  !== -1) {
     share = {path: 'pages/index/index?source=addWork'};
  }
}

然后再onload事件中接收,根据标识判断默认页面路径,更改webView的url即可

onLoad: function(options) {
  const token = wx.getStorageSync("cookie");
  if (options.source && options.source == 'addWork') {
    this.setData({url: `${baseUrl}add-work`})
  } else {
    this.setData({
      url: `${baseUrl}home?token=${token}&time=${new Date().getTime()}`
    })
  }
}

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值