美文网首页
微信小程序实现页面按钮分享,右上角三个点分享禁用分享

微信小程序实现页面按钮分享,右上角三个点分享禁用分享

作者: 九叔儿 | 来源:发表于2021-01-08 16:38 被阅读0次

1.小程序页面分享按钮,button按钮的open-type类型为share,按钮可传参:

<button class="btn_zeng" open-type="share" data-cardid="{{ item.cardid }}" data-title="{{ item.title }}" data-key="{{ index }}">赠与他人</button>

2.js文件中分享的方法,设置点击打开的页面链接path,分享出去的图片imageUrl,分享出去的标题title

onShareAppMessage: function(options) {

// 设置菜单中的转发按钮触发转发事件时的转发内容

var shareObj = {

//path: 'pages/lingqu/index?memberid=' + that.data.memberid + '&cardid=' + that.data.cardid, // 默认是当前页面,必须是以‘/’开头的完整路径

path: 'pages/start/index?memberid=' + that.data.memberid + '&cardid=' + cardid, // 默认是当前页面,必须是以‘/’开头的完整路径

imageUrl: that.data.shareImg, //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4

title: title

};

return shareObj;

}

3.在js文件中onLoad方法中加入下面代码,就可关闭左上角三个点中的分享按钮,不加以下代码,即可通过按钮也可通过三个点中的菜单分享

wx.hideShareMenu()

相关文章

网友评论

      本文标题:微信小程序实现页面按钮分享,右上角三个点分享禁用分享

      本文链接:https://www.haomeiwen.com/subject/ddyfaktx.html