大家好!匆匆忙忙又到了周三,今天是
2023年9月13日|农历七月二十九
,今天这篇文章主要是微信小程序实现分享当前页面到朋友圈或微信好友,下面来看下具体实现方式吧!
uniapp 实现分享至微信好友或朋友圈功能
带参数和无参数是根据自己的业务需求,如果需要再onLoad函数里面赋值一些属性值的时候可以在path
中携带参数,当用户通过我们分享的链接进来后,就会携带参数。
无参数跳转
// 分享微信好友
onShareAppMessage() {
return {
title: '标题', //分享标题 这个可以根据业务需求去定义
path: '当前需要进行分享页面的地址' //例如:path: 'page/home/index'
}
},
// 分享朋友圈
onShareTimeline() {
return {
title: '标题', //分享标题 这个可以根据业务需求去定义
path: '当前需要进行分享页面的地址' //例如:path: 'page/home/index'
}
},
带参数跳转
我业务需求是分享出去的path
中要携带参数id
,在用户通过我分享的链接进入到这个页面时,需要触发onLoad函数,通过我携带的id
参数去请求后端接口,渲染页面数据。
具体代码如下:
// 分享微信好友
onShareAppMessage() {
return {
title: '标题',
path: '/page/home/index?id='+this.id
}
},
// 分享朋友圈
onShareTimeline() {
return {
title: '标题',
path: '/page/home/index?id='+this.id
}
},
下面是对onLoad函数的代码:
这块我就需要再分享的时候传递一个id属性,在页面渲染时触发onLoad
函数,把id
属性传递给getQuery
函数,请求后端,实现数据动态渲染。文章来源:https://www.toymoban.com/news/detail-708960.html
onLoad(e) {
console.log("e============>",e)
if (e.hasOwnProperty('id')) {
this.id = e.id
}
this.getQuery(this.id)
},
结束语
这就是我遇到的问题及解决方案,希望本篇博文可以解决你遇到的问题,
如果有不明白的博主,或者你也遇到了类似的问题,私信我,我会一一为你进行解答,不收取任何费用,欢迎打扰哦~
文章来源地址https://www.toymoban.com/news/detail-708960.html
到了这里,关于uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!