uniapp 添加微信小程序转发给好友和分享到朋友圈功能(不添加这功能 转发给好友为灰色,分享到朋友圈也为灰色)

uniapp 添加微信小程序转发给好友和分享到朋友圈功能(不添加这功能 转发给好友为灰色,分享到朋友圈也为灰色)

1、创建share.js文件，文件里面的代码

export default {
	data() {
		return {}
	},
	//1.配置发送给朋友
	onShareAppMessage() {
		return {
			title: '自学试题', //分享的标题
			path: 'pages/index/index', //点击分享链接之后进入的页面路径
			imageUrl: '/static/logo.png', //分享发送的链接图片地址
			success() {
				// 分享完成，请注意此时不一定是成功分享
				uni.showToast({
					title: "分享成功",
					duration: 3500,
					icon: "success"
				});
			},
			fail() {
				// 分享失败
				uni.showToast({
					title: "分享失败",
					duration: 3500,
					icon: "error"
				});
			}
		};
	},
	//2.配置分享到朋友圈
	onShareTimeline() {
		return {
			title: '自学试题', //分享的标题
			query: 'pages/index/index', //点击分享链接之后进入的页面路径
			imageUrl: '/static/logo.png' ,//分享发送的链接图片地址
			success() {
				// 分享完成，请注意此时不一定是成功分享
				uni.showToast({
					title: "分享成功",
					duration: 3500,
					icon: "success"
				});
			},
			fail() {
				// 分享失败
				uni.showToast({
					title: "分享失败",
					duration: 3500,
					icon: "error"
				});
			}
		}
	}
}

2、在main.js添加使用

import share from './static/share'     //我把share.js创建在static目前下的

//如果是Vue2
Vue..mixin(share);

//如果Vue3
app.mixin(share);

如果上面代码都正确添加了，还是灰色，刷新一下界面或者重启一下开发工具

本文来自 www.luofenming.com