mpvue关于小程序的转发给好友

这里是实现分享的按钮,按照小程序的规定,必须用到button标签 和open-type=“share” 属性

       <button open-type="share" class="tis desc col999 lin50 tu dja">
              <img :src="wxhy">微信好友
            button>

做完第一步后,就是在js里定义关于分享的方法啦~
举个栗子:

<script>
 onShareAppMessage: function(ops) {
    if (ops.from === "button") {
      // 来自页面内转发按钮
      console.log(ops.target);
    }
    return {
      title: "转发的demo",//这里是定义转发的标题
      path: `../productDetail/main`,//这里是定义转发的地址
      success: function(res) {
        // 转发成功
        console.log("转发成功:" + JSON.stringify(res));
        var shareTickets = res.shareTickets;
        // if (shareTickets.length == 0) {
        //   return false;
        // }
        // //可以获取群组信息
        // wx.getShareInfo({
        //   shareTicket: shareTickets[0],
        //   success: function (res) {
        //     console.log(res)
        //   }
        // })
      },
      fail: function(res) {
        // 转发失败
        console.log("转发失败:" + JSON.stringify(res));
      }
    };
  },
  script>

到这里就完成了一个简单的转发好友功能啦~

你可能感兴趣的:(mpvue小程序)