目录
分享给微信好友
小程序中分享功能需要在button组件中添加open-type:“share”,当点击button的时候就会调用onShareAppMessage函数。
1、自定义按钮实现分享,在页面中使用按钮来实现分享功能
//必须是按钮中添加 open-type="share"
<button open-type="share" class="pic_r3">
<text class="tit">人员自助入场</text>
</button>
2、js文件中分享的方法
<script>
export default {
data() {
return {
shareImg: require("@/static/img/pic-ry9.jpg"),
}
},
methods: {
//分享---this.shareId就是要传的参数
onShareAppMessage(e) {
let shareobj = {
title: '人员自助入场', //分享的标题
path: '/pages/admission/admission?shareId=' + this.shareId, //好友点击分享之后跳转的页面
//imageUrl: "https://****.com/banner.jpg", //分享的图片 支持PNG及JPG。显示图片长宽比是 5:4。
imageUrl: this.shareImg, //内容图片
}
return shareobj //一定要返回对象
}
}
}
</script>
3、获取分享的参数
进入分享页面, 通过onLoad(e)中的e来查看传递过来的参数:
onLoad(e) {
this.shareId = e.shareId //这就是我们从分享按钮传过来的参数
},
下面的可以加,也可以不加,根据自己需求,通用的上面的就可以用了
4、小程序的原生菜单中隐藏分享按钮
在js文件中onLoad方法中加入下面代码,就可关闭左上角三个点中的分享按钮
uni.hideShareMenu()
5、小程序 分享卡片 禁止个人及群聊二次转发
在onShareAppMessage方法中 加uni.showShareMenu和 wx.updateShareMenu这两个方法
//分享---this.shareId就是要传的参数
onShareAppMessage(e) {
//禁止二次转发--
uni.showShareMenu({
withShareTicket: true
});
wx.updateShareMenu({
isPrivateMessage: true,
withShareTicket: true,
success(res) {
console.log('updateShareMenu: ', res);
},
fail() {}
}); //禁止二次转发--end
let shareobj = {
title: '人员自助入场', //分享的标题
path: '/pages/admission/admission?shareId=' + this.shareId, //好友点击分享之后跳转的页面
//imageUrl: "https://****.com/banner.jpg", //分享的图片 支持PNG及JPG。显示图片长宽比是 5:4。
imageUrl: this.shareImg, //内容图片
}
return shareobj //一定要返回对象
},
大佬
大佬地址:https://blog.csdn.net/Amily8512/article/details/133948457
最后
感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!