小程序实现自定义分享微信好友及微信朋友圈

首先在全局page.json中添加"shareAppMessage": true

{"path": "pages/brandCoupon/brandCoupon","style": {"navigationBarTitleText": "霸王餐","navigationStyle": "custom","enablePullDownRefresh":true,"shareAppMessage": true}},

然后在组件中指定按钮类型为share分享类型

通过v-bind:data-bargainGood绑定并传入给onShareAppMessage分享微信好友后要显示的内容

title表示分享后展示的文本信息
imageUrl表示展示的图片
path表示点击分享的链接要跳转到的页面

<button open-type="share" v-bind:data-bargainGood="{goodsname, spdetailImg,origin_price,refer_price}" class="share"><view class="discount">邀请帮砍<imagesrc="https://ebk-picture.oss-cn-hangzhou.aliyuncs.com/mini-wx/images/bargain/share.png"mode=""></image></view><view class="mustPrice">最低砍至{{bestPrice}}元</view>
</button>

注意：如果在组件中配置了withShareTicket为true，转到微信之后长按不会出现转发按钮

 wx.showShareMenu({withShareTicket: true, // 是否使用带 shareTicket 的转发menus: ['shareAppMessage'] // 可以指定分享到朋友圈、群等的菜单列表，默认为['shareAppMessage', 'shareTimeline']});

		onShareAppMessage(e) {console.log(e)var {goodsname,goodsId, spdetailImg,origin_price,refer_price}=this// console.log(e.target.dataset,'onShareAppMessage');	let userId = uni.getStorageSync('userInfo').uidrefer_price = '原价'+refer_price/100+'元';origin_price = '售价'+ origin_price/100+'元'// let already_grade_amount = '当前'+e.target.dataset.bargaingood.already_grade_amount/100+'元'return {title:`${refer_price}, ${origin_price},${goodsname}`,imageUrl:this.spImgList[0],path:'pages/bargain/bargainspDetail?uid='+userId+'&goodsId='+goodsId}},

展示图

onShareTimeline(e){console.log(e,'分享微信')var {goodsname,goodsId, spdetailImg,origin_price,refer_price,already_grade_amount}=this// console.log(e.target.dataset,'onShareAppMessage');	let userId = uni.getStorageSync('userInfo').uidrefer_price = '原价'+refer_price/100+'元';already_grade_amount = '现价'+(parseInt(origin_price) - parseInt(already_grade_amount))/100+'元'// let already_grade_amount = '当前'+e.target.dataset.bargaingood.already_grade_amount/100+'元'return {title:`${refer_price}, ${already_grade_amount},${goodsname}`,imageUrl:this.spImgList[0],path:'pages/bargain/bargainspDetail?uid='+userId+'&goodsId='+goodsId}},

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！