首页 > 编程语言 >uniapp__微信小程序分享好友朋友圈的功能

uniapp__微信小程序分享好友朋友圈的功能

时间:2024-08-21 16:54:32浏览次数:14  
标签:__ uniapp 路径 share 朋友圈 mixin path pages view

1、 实现效果

这个如果不写代码就是灰色的不能使用

 2、api地址

uniapp这是使用的api地址点击即可进入    uniapp 

3、这是 找到个大佬的文章很好用给大家看下

uni-app小程序分享功能实现_uniapp onsharetimeline-CSDN博客

4、记录是方便自己学习

4.1 把这个建一个文件

export const mixin = {
  data () {
    return {
      share: {
        // 转发的标题
        title: '预约挂号演示',
        // 转发的路径,默认是当前页面,必须是以‘/’开头的完整路径,/pages/index/index
        path: '',
        //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,
        //支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
        imageUrl: ''
      }
    }
  },
  // 分享到微信
  onShareAppMessage: function () {
    // 获取加载的页面
    let pages = getCurrentPages(), view = pages[pages.length - 1]
    //分享的页面路径
    if(!this.share.path) {
		// #ifdef MP-WEIXIN	
    	this.share.path = `/${view.route}`
    	//#endif
    	//#ifdef MP-ALIPAY
    	this.share.path = view.$page.fullPath
    	//#endif
	}
    //转发参数
    return this.share
  },
  // 分享到朋友圈
  onShareTimeline () {
    // 获取加载的页面
    let pages = getCurrentPages(), view = pages[pages.length - 1]
    //分享的页面路径
    if(!this.share.path) {
		// #ifdef MP-WEIXIN	
    	this.share.path = `/${view.route}`
    	//#endif
    	//#ifdef MP-ALIPAY
    	this.share.path = view.$page.fullPath
    	//#endif
	}
    //转发参数
    return this.share
  },
}

4.2、引入

main.js

import {mixin} from '@/utils/mixin.js'


Vue.mixin(mixin)

使用混入,所有页面即可能使用分享功能

标签:__,uniapp,路径,share,朋友圈,mixin,path,pages,view
From: https://blog.csdn.net/apple_70049717/article/details/141360513

相关文章

  • 73.矩阵置零
    1.题目描述给定一个 mxn 的矩阵,如果一个元素为 0 ,则将其所在行和列的所有元素都设为 0 。请使用 原地 算法。示例1:输入:matrix=[[1,1,1],[1,0,1],[1,1,1]]输出:[[1,0,1],[0,0,0],[1,0,1]]示例2:输入:matrix=[[0,1,2,0],[3,4,5,2],[1,3,1,5]]输出:[[0......
  • 基于python+flask框架的校园失物招领系统(开题+程序+论文) 计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景在繁忙的校园生活中,学生们因疏忽大意或急于赶时间而遗失物品的情况时有发生。传统的失物招领方式往往依赖于公告板、校园广播或口口相传,这......
  • 基于python+flask框架的培训机构信息管理系统(开题+程序+论文) 计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着教育行业的蓬勃发展,培训机构作为教育体系中的重要组成部分,其规模与数量日益增加。然而,传统的人工管理模式已难以满足培训机构高效运营......
  • 基于python+flask框架的翼城县土特产合作社管理系统(开题+程序+论文) 计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景翼城县,以其丰富的自然资源和独特的地理环境,孕育了众多优质的土特产品,成为地方经济发展的重要支柱。然而,传统土特产的生产与销售模式往往受......
  • 电子工程师必备:万用表测量电阻的正确方法
    在电子学和电气工程领域,测量电阻是一项基本技能。无论是进行电路调试还是故障排除,了解如何使用万用表测量电阻都是至关重要的。下面就跟着道合顺来一起了解#万用表测量电阻的详细方法#指南。一、理解电阻与万用表什么是电阻?电阻是导体对电流流动的阻碍作用。在欧姆定律中,电......
  • 前端数据持久化——Vuex+LocalStorage
    VuexVueX详解_组合式vuex-CSDN博客 LocalStorageLocalStorage是一种WebAPI,它允许网站在用户的本地浏览器中存储和检索数据,而不是将数据存储在服务器上。以下是LocalStorage的详细解析:一、LocalStorage的基本特点本地存储:LocalStorage存储的数据保存在用户的浏览器中,不......
  • 记Java使用ftp下载文件失败的坑
    使用的jar包<dependency><groupId>commons-net</groupId><artifactId>commons-net</artifactId><version>3.6</version></dependency>背景:需要从ftp服务器上拿到指定目录下的多个文件booleansuccess=ftp......
  • 【Three.JS零基础入门教程】第七篇:材质详解
      前期回顾:【Three.JS零基础入门教程】第一篇:搭建开发环境【Three.JS零基础入门教程】第二篇:起步案例【Three.JS零基础入门教程】第三篇:开发辅助【Three.JS零基础入门教程】第四篇:基础变换【Three.JS零基础入门教程】第五篇:项目规划【Three.JS零基础入门教程】第六篇:物......
  • 机械波在钢梁中的传播速度
    今天利用一组振动传感器,直观地测量出了机械波的传播过程:实验环境是这样的,一组振动加速度传感器在钢梁上吸附,1#传感器,8#传感器直线距离相距1.2m,在1#传感器,垂直1#-8#传感器连线处,用木棒敲击,先看它的加速度数据:1.时域数据:1#传感器加速度原始数据:峰值时刻在170.1ms8#传感器加......
  • 单词游戏 欧拉回路
    //单词游戏.cpp:此文件包含"main"函数。程序执行将在此处开始并结束。///*http://ybt.ssoier.cn:8088/problem_show.php?pid=1528https://loj.ac/p/10106来自ICPCCERC1999/2000,有改动。有N个盘子,每个盘子上写着一个仅由小写字母组成的英文单词。你需要给这些盘......