小程序web-view内嵌网页分享获取标题（附源码）

小程序web-view内嵌网页分享如果获取标题和点击分享小程序跳回当前分享链接

首先在web-view组件上绑定bindmessage事件

<web-view  wx:if="{{url!=''}}" src='{{url}}'  bindmessage="bindmessage"></web-view>

在js文件中定义好bindmessage函数用于接收分享时触发的分享事件

bindmessage(e) {//接收web-view传递的参数
    if (e.detail.data[e.detail.data-1].title){
      this.setData({//存储状态
        title: e.detail.data[0].title
      })
    }
    
  },

要想能够在分享时接收到标题等信息必须在网页中插入如下代码

 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script type="text/javascript">
        //{data:{}}
        wx.miniProgram.postMessage({ data:{title: '我这里是标题网页标题。',desc:'我这里是网页描述。'} });
    </script>