一、设置分享功能之前的样子
文章来源:https://www.toymoban.com/news/detail-505695.html
二、在代码中开启分享转发按钮
<script>
export default {
data() {
return {
}
},
methods: {
},
onLoad() {
wx.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
});
},
onShareAppMessage(res) { //发送给朋友
return {
title: '我是【发送给朋友】的标题',
imageUrl: 'https://img2.baidu.com/it/u=803085012,1104738458&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800',
}
},
onShareTimeline(res) { //分享到朋友圈
return {
title: '我是【分享到朋友圈】的标题',
imageUrl: 'https://img2.baidu.com/it/u=803085012,1104738458&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800',
}
},
}
</script>
三、效果
文章来源地址https://www.toymoban.com/news/detail-505695.html
到了这里,关于【uniapp学习之分享小程序页面】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!