微信分享功能

最新推荐文章于 2024-07-03 14:01:42 发布

lucky_girl_girl

最新推荐文章于 2024-07-03 14:01:42 发布

阅读量333

点赞数

本文链接：https://blog.csdn.net/lucky_girl_girl/article/details/105066037

版权

1.自定义button（分享按钮， open-type必须设为"share"

<view><button bindtap="showShareMenu" open-type="share">分享</button></view>

2.js中调用wx.showShareMenu({})，并且在onShareAppMessage可自义分享界面

showShareMenu:function(){
    wx.showShareMenu({
      withShareTicket: true
    });
  },
  onShareAppMessage:function(res){
    return {
      title:' 我的分享', //分享title
      path: '/pages/sales/vip_sales?saleId=' + this.data.salesId, //分享成功后转发路径
      imageUrl:'../../image/sales/code.png',//分享时图片，默认是当前页面的截屏
      success: function (res) { 
        wx.getShareInfo()  //成功回调函数
      }
    }

3.分享有两种，通过onShareAppMessage参数可获取到区分
右上角分享按钮和自定义分享按钮。

  onShareAppMessage: (res) => {
	    if (res.from === 'button') {
	      console.log("来自页面内转发按钮");
	      console.log(res.target);
	    }
	    else {
	      console.log("来自右上角转发菜单")
	    }
    }