加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

小程序中如何实现分享功能 (代码示例)

发布时间:2020-12-14 20:01:33 所属栏目:资源 来源:网络整理
导读:本篇文章给大家带来的内容是关于小程序中如何实现分享功能 (代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 因为小程序中多个页面都会使用分享,需要我们把分享功能,单独写在一个公用的文件中。util.js 文件中。 //分享功能

本篇文章给大家带来的内容是关于小程序中如何实现分享功能 (代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

因为小程序中多个页面都会使用分享,需要我们把分享功能,单独写在一个公用的文件中。util.js 文件中。
//分享功能

const shareEvent = (option,obj) => {
  let shareObj = {
    title: obj.title,path: obj.path,imgUrl: obj.imgUrl,success(res){
      // 转发成功之后的回调
    if (res.errMsg == 'shareAppMessage:ok') {}
    },fail(res){
       // 转发失败之后的回调
    if (res.errMsg == 'shareAppMessage:fail cancel') {
    // 用户取消转发
     } else if (res.errMsg == 'shareAppMessage:fail') {
     // 转发失败,其中 detail message 为详细失败信息
    }
    },complete(){
        // 转发结束之后的回调(转发成不成功都会执行)
    }
  };
  if (option.from === 'button') {
    // 来自页面内转发按钮
    console.log(option.target)
  }
  return shareObj;
}

在使用分享的页面中引入util.js

const util = require('./utils/util.js');
/**
用户点击右上角分享
*/
onShareAppMessage: function(option){
    console.log(option);
    let obj = {
      title: '我的老窝',path: 'pages/index/index',imageUrl: ''
    };
    return util.shareEvent(option,obj);
  }

备注:记得要在调用的时候使用,return。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读