uniapp全局分享功能实现方法(依赖小程序右上角的分享按钮)

1、uniapp开发小程序时默认是关闭分享功能的。点击右上角三个点可查看,效果图如下:

2、在utils文件夹下新建share.js文件,名字任起。(使用的是全局分享,因为一个一个页面的去分享太麻烦且没必要。)

javascript 复制代码
export default {
	data() {
		return {}
	},
	//1.配置发送给朋友
	onShareAppMessage() {
    return {
      title: '分享时的标题,一般是小程序名',                //分享的标题
      path: 'pages/index',      //点击分享链接之后进入的页面路径
      imageUrl: '/static/images/sex5.jpg' //分享发送的链接图片地址
    };
  },
	//2.配置分享到朋友圈
	onShareTimeline(){
    return{
      title: '分享时的标题,一般是小程序名',                //分享的标题
      query: 'pages/index',     //点击分享链接之后进入的页面路径
      imageUrl: '/static/images/sex5.jpg' //分享发送的链接图片地址
    }
  },
}

3、在main.js入口文件中将share方法使用mixin全局混入:

javascript 复制代码
import share from './utils/share.js'  //注意路径是上一步新建文件的路径
Vue.mixin(share)

4、效果图

相关推荐
白远山10 小时前
家政服务家政社区派单实战:调度系统架构设计与实现指南
java·开发语言·小程序·架构·需求分析
微擎应用市场14 小时前
心灵馆咨询系统小程序:一站式心理咨询服务解决方案
小程序
2501_9159184115 小时前
怎么把 Python 写的 Flet 应用打包成 iOS App 并上架 App Store?
android·ios·小程序·https·uni-app·iphone·webview
Geek_Vison16 小时前
小程序容器如何抹平系统差异,让一个小程序运行在 iOS、安卓、鸿蒙和电脑端
小程序·uni-app·harmonyos·mpaas
PedroQue9917 小时前
0.5.0重磅发布:动画插件+H5体验全面优化
前端·uni-app
2601_9499506320 小时前
练题簿:把备考资料装进小程序,随时开启高效在线刷题
人工智能·小程序·刷题·练习·小程序推荐
飞梦工作室20 小时前
H5页面能否直接播放视频号直播?实战方案与踩坑总结
微信小程序·小程序
河南花仙子科技1 天前
企业定制小游戏助力品牌软性传播
大数据·科技·游戏·小程序
StevenLdh2 天前
情绪小恐龙:一个微信小程序从架构设计到部署上线的全记录
微信小程序·小程序·notepad++
m0_587383002 天前
折扣卡CPS软件开发实战:从系统架构设计到上线指南
java·小程序·架构·需求分析