H5:
1. 引入微信sdk
2.调用方法 wx.miniProgram.postMessage({data: { title: document.title }}),将页面标题回传给小程序
小程序:
1. 绑定message监听回调 <web-view src="{{webUrl}}" bindmessage="bindmessage"></web-view>
2. 将回传回来的标题,复制给分享是的title即可 bindmessage(e){ this.shareTitle = e.detail.data[0].title; }
根据文档描述:
postMessage触发时机:向小程序发送消息,会在特定时机(小程序后退、组件销毁、分享)触发组件的message事件
这里会比较担心 bindmessage 和 onShareAppMessage 谁先触发的问题,测试发现 bindmessage 会先触发(所以分享标题是可以设置的)
以上就是,解决这个思路供大家参考