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.shareParamsreturn {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);
这样小程序每个页面就能点击右上角分享按钮给朋友圈或者好友了
)
