微信小程序自定义转发/转发收到之后接自定义参数/隐藏左上角...中转发功能

最新推荐文章于 2024-08-02 18:15:12 发布

牛油的果

最新推荐文章于 2024-08-02 18:15:12 发布

阅读量713

点赞数 7

分类专栏：微信小程序 js 文章标签：微信小程序小程序

本文链接：https://blog.youkuaiyun.com/weixin_57633124/article/details/134883247

版权

微信小程序同时被 2 个专栏收录

12 篇文章

订阅专栏

11 篇文章

订阅专栏

本文详细介绍了如何在微信小程序中实现自定义转发功能，包括使用`<button>`标签配置分享菜单、分享事件处理、接收自定义参数以及隐藏分享功能的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.自定义转发

1-1 wxml

  <button open-type="share" bindshare="onShare" style="position: relative; width: 126rpx; height: 52rpx;background: none;">
     <image class="invitefri" src="../../images/invitefri.png" mode=""/>
     </button>

1-2 js

  onLoad(){
    // 分享
    wx.showShareMenu({
      withShareTicket: true,
    })
  }
     // 分享事件的回调函数
  onShare: function(event) {
    if (event.detail && event.detail.errMsg === 'shareAppMessage:ok') {
      // 分享成功
      console.log('分享成功');
    } else {
      // 分享失败或取消分享
      console.log('分享失败或取消分享');
    }
  }  
 // 配置自定义分享
onShareAppMessage: function (options) {
    return {
      title: '牛油果的分享',
      path: '/pages/slidePage/slidePage?roomId='+this.data.roomId+'&inNvite='+true+'',// 分享链接的页面路径
      imageUrl: '../../images/img.png', // 分享的图片链接（可选）
      success: function (res) {
        console.log('分享成功');
      },
      fail: function (res) {
        console.log('分享失败');
      }
    };
  },

2.接收自定义参数-->js中(与上面的分享path相对应)

onLoad(options) {
    //可以接收到roomId,inNvite,通过接收到的数据进行功能处理
    let roomId=options.roomId
    let inNvite=options.inNvite
   
   }

3.隐藏分享功能

// 隐藏分享功能
    onLoad(options){
          
      wx.hideShareMenu({
      success: function () {
        console.log("成功隐藏分享按钮")
      },
      fail: function () {
        console.log("隐藏分享按钮失败")
      }
    })
}