1、新建一个混合mixins文件global-mixin.js
import Vue from 'vue'
export default {
data() {
return {
shareParams: {
path: '/pages/home/index', // 首页路径
title: '监控系统平台',// 标题-按照自己要求命名
imageUrl: '/static/login/logo.png' // logo图片
}
}
},
computed: {},
onLoad() {
wx.showShareMenu({
withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"]
})
},
//发送给朋友
onShareAppMessage() {
let pages = getCurrentPages(); //获取当前页面栈的信息
let currentPage = pages[pages.length - 1]; //获取到当前页面栈中最后一个页面的索引
const {
options,
route
} = currentPage || {}
return {
title: '', // 标题-默认当前标题
path: route + uni.$u.queryParams(options), // 分享路径
imageUrl: '', // 分享图-默认截取当前页面图片
desc: ''
};
},
//分享到朋友圈
onShareTimeline() {
let pages = getCurrentPages(); //获取当前页面栈的信息
let currentPage = pages[pages.length - 1]; //获取到当前页面栈中最后一个页面的索引
const {
options,
route
} = currentPage || {}
const {
title,
imageUrl
} = this.shareParams
return {
title, // 标题
path: route + uni.$u.queryParams(options), // 分享路径
imageUrl // 分享图
};
},
methods: {}
}
2、在页面main.js文件全局注册混合文件global-mixin.js
// 全局 mixin
import Mixin from '@/mixin/global-mixin.js';
Vue.mixin(Mixin);
这样小程序每个页面就能点击右上角分享按钮给朋友圈或者好友了