小程序中如何实现分享功能 (代码示例)
程序员文章站
2022-03-15 09:25:15
...
本篇文章给大家带来的内容是关于小程序中如何实现分享功能 (代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
因为小程序中多个页面都会使用分享,需要我们把分享功能,单独写在一个公用的文件中。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。
相关推荐:
微信小程序实现流程进度功能实例分享以上就是小程序中如何实现分享功能 (代码示例)的详细内容,更多请关注其它相关文章!
上一篇: js实现拖动滑块和点击水波纹效果