uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘

效果

实现

一.局部配置，单个页面

//发送给朋友
onShareAppMessage(){return {title: '',//分享标题path: ''//分享页面路径imageUrl: '',//分享图标desc:'',//自定义分享描述}
},
//分享朋友圈
onShareTimeline() {
},

二.全局配置

1.创建share.js文件

module.exports = {onShow() {let pages = getCurrentPages();if (pages.length >= 1) {this.$x.pageRouter = (pages[pages.length - 1]).route if(this.$x.pageRouter){this.$x.mpShare = {title: '', // 分享标题path: '', // 默认为当前页面路径imageUrl: '' // 默认为当前页面的截图}}return ;}     },// 分享到好友onShareAppMessage(el) {return this.$x.mpShare},// 分享到朋友圈onShareTimeline(){return this.$x.mpShare}
}

2.在main.js中引入

// 全局分享
const $x = {};
Vue.prototype.$x = $x;
let share=require('common/share.js');
Vue.mixin(share);

这样就可以了

uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘相关推荐

uniapp 小程序嵌套H5开发总结
项目需求是在uniapp小程序项目中嵌套H5页面,H5返回小程序需要传值给小程序进行通信. 好,百度一查确实可以实现用的uniapp提供的web-view(https://uniapp.dcloud ...
uni-app小程序分享
uni-app小程序分享(全局) 在common文件下share.js export default {data() {return {share: {// 转发的标题 (默认标题)title: '' ...
java基于微信小程序的好物分享系统 uniapp 小程序
我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,好物分享系统小程序被用户普遍使用,为方便用户能够可以随时进 ...
uni开发微信小程序解决全局分享分销问题
uni开发微信小程序解决全局分享分销问题 1. 需求 1.小程序内每个页面都要打开胶囊分享按钮并实现分销 2.分享功能应该是在用户登录之后才予以打开 3.不想做在每个页面都写分享钩子的傻逼操作 2.实 ...
uniapp —— 小程序实现带参分享微信、朋友圈以及调试获取参数
uniapp -- 小程序实现带参分享微信.朋友圈以及调试获取参数零.起因以及分类小程序我们在开发微信小程序的过程中,经常需要实现分享给微信用户或者分享到微信朋友圈的功能,基本上我们会用到 on ...
uniapp ----小程序上下滑动页面，视频自动播放（完整代码）
uniapp ----小程序上下滑动页面,视频自动播放(完整代码) <template><view class="box"><f-navbar tit ...
uniapp小程序如何通过虚拟列表配合节流，完成上拉刷新下拉加载，避免页面卡顿，提升性能呢？
本文将介绍uniapp小程序中如何使用虚拟列表和节流两种技术实现上拉刷新下拉加载功能,同时避免因渲染大量数据导致的页面卡顿问题. 一.虚拟列表在uniapp小程序开发中,当我们需要渲染大量列表数据时 ...
uniapp小程序分享图片
uniapp小程序分享图片 uniapp小程序分享图片流程: ①.使用canvas绘图,将图片绘制到页面上,并生成一个本地路径 ②.保存图片至本地 ③.分享到朋友详细介绍: ①.使用canvas绘图 ...
实现uniapp 小程序页面Loading加载
uniapp 小程序页面Loading加载页面进入 onLoad生命周期时触发loading. onLoad() {uni.showLoading({title: '加载中'});}, 请求成功返回 ...

uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘

uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘相关推荐

最新文章

热门文章