每个页面都可以分享,但是分享进入是进入首页

在App.vue的methods中定义一个方法:

globalSharing() {
				//监听路由切换, 间接实现全局设置分享内容
				uni.onAppRoute(res => {
					console.log("间接实现全局设置分享内容");
					//获取加载的页面
					const pages = getCurrentPages(),
						//获取当前页面的对象
						view = pages[pages.length - 1];
					if (view) {
						//全局触发 显示出分享具栏
						wx.showShareMenu({
							withShareTicket: true,
							//设置下方的Menus菜单,这个官网有配置,分别是分享好友和分享朋友圈
							menus: ["shareAppMessage"]
						})
			
						view.onShareAppMessage = () => {
							//分享配置
							return {
								title: '你的小程序名称',
								path: '/pages/index/main', //你小程序的首页
							   imageUrl: '/static/images/app-logo.png',
								success(res) {
									uni.showToast({
										title: '分享成功'
									})
								},
								fail(res) {
									uni.showToast({
										title: '分享失败',
										icon: 'none'
									})
								}
							};
						};
					}
				})
			},

在onLaunch调用这个方法即可实现
 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐