uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？

本文主要是介绍uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 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);

这样小程序每个页面就能点击右上角分享按钮给朋友圈或者好友了

这篇关于uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---