uni-app小程序自定义分享内容

前端小菜鸟__简单2024-01-16 9:43

小程序默认分享

js 复制代码

	onLoad(option) {
		uni.showShareMenu({
			menus: ['shareAppMessage', 'shareTimeline'], // 需要显示的转发按钮名称列表.合法值包含 "shareAppMessage"、"shareTimeline"
			success(res) {
				console.log(res);
			},
			fail(e) {
				console.log(e);
			},
		});
	},

自定义分享

html 复制代码

用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮，也可能是开发者在页面中放置的分享按钮（<button open-type="share">）；
	<button open-type="share">分享</button>

javascript 复制代码

export default {
	data() {},
	// 分享好友
	onShareAppMessage(res) {
		if (res.form === 'button') {
			// 自己想分享的内容
		}
		// 默认右上角的 
		return {
		};
		console.log(res, '====???');
	},
	// 分享朋友圈
	onShareTimeline(res){
	注意：只有定义了此事件处理函数，右上角菜单才会显示"分享到朋友圈"按钮自定义转发内容
	用于自定义分享内容，不支持自定义页面路径
	}
}

自定义的传参