uniapp中转发分享页面

@Kacie

已于 2022-07-15 21:35:36 修改

阅读量1.5k

点赞数

分类专栏： # uniapp 文章标签：微信小程序小程序前端

于 2022-07-15 21:35:06 首次发布

本文链接：https://blog.youkuaiyun.com/Joye_7y/article/details/125812727

版权

uniapp 专栏收录该内容

11 篇文章

订阅专栏

本文详细解析了小程序中onShareAppMessage事件处理函数的使用，通过定义此函数可以设置页面的分享信息，包括自定义分享标题、描述和路径。无论用户是从页面内转发按钮还是右上角菜单触发分享，此事件都会被调用。了解如何利用onShareAppMessage优化用户体验，提升小程序的分享传播效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方详解：onShareAppMessage

用户点击分享后，在 js 中定义 onShareAppMessage 处理函数，设置该页面的分享信息

注意：微信、头条平台：只有定义了此事件处理函数，小程序右上角菜单才会显示“转发”按钮
在这里插入图片描述

● 用户点击分享按钮的时候会调用
● 这个分享按钮可能是小程序右上角原生菜单自带的分享按钮
● 也可能是开发者在页面中放置的分享按钮（）
● 此事件需要 return 一个 Object，用于自定义分享内容

export default {
	data() {
		return {}
	},
	onShareAppMessage(e) {
		if (e.from === 'button') {
		    //console.log('来自页面内转发按钮');
		} else if (e.from === 'menu'){
		    //console.log('右上角菜单转发按钮');
		}
		return { // 自定义分享内容
			title: "自定义分享标题",
			desc: "自定义分享描述",
			path: "/pages/tabbars/home" // 路径，可传递参数到指定页面
		}
	}
}