关于uniapp分享功能实现

news/2024/7/7 19:29:07

创建一个混入

export default {
	data() {
		return {
			//设置默认的分享参数
			//如果页面不设置share,就触发这个默认的分享
			share: {
				title: '商会宝',//自定义标题
				path: `/pages/home/home?appId=${uni.getStorageSync("appid")}`,  //默认跳转首页
				imageUrl: '',  //可设置默认分享图,不设置默认截取头部5:4
			}
		}
	},
    onShareAppMessage(res) { //发送给朋友
		// let that = this;
		console.log(this.share)
		return {
			title: this.share.title,
			path: this.share.path,
			imageUrl: this.share.imageUrl,
			success(res) {
				console.log('success(res)==', res);
				uni.showToast({
					title: '分享成功'
				})
			},
			fail(res) {
				console.log('fail(res)==', res);
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	},
	onShareTimeline(res) { //分享到朋友圈
		//下面的代码是获取页面栈,自动分享,如果有自定义分享的话,可以单个页面设置
		// let that = this
		// 动态获取当前页面栈
		// let pages = getCurrentPages(); //获取所有页面栈实例列表
		// let nowPage = pages[pages.length - 1]; //当前页页面实例
		// // let prevPage = pages[pages.length - 2]; //上一页页面实例
		// that.share.path = `/${nowPage.route}`
		return {
			title: this.share.title,
			path: this.share.path,
			imageUrl: this.share.imageUrl,
			success(res) {
				console.log('success(res)==', res);
				uni.showToast({
					title: '分享成功'
				})
			},
			fail(res) {
				console.log('fail(res)==', res);
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	},
}

在main.js文件里面进入引入挂载

// 全局分享
// 小程序分享的封装
import share from "./utils/share.js"
Vue.mixin(share)

然后在每个页面使用this.share就可以获取混入的data,进行修改即可


http://lihuaxi.xjx100.cn/news/1355409.html

相关文章

【阿Q送书第二期】《高并发架构实战:从需求分析到系统设计》

#挑战Open AI!马斯克宣布成立xAI,你怎么看?# 文章目录 你想成为架构师嘛?架构经验高并发高并发架构实战特点值得推荐赠书规则 你想成为架构师嘛? 很多软件工程师的职业规划是成为架构师,但是要成为架构师很…

企业数字化转型需要解决哪些问题?

企业的数字化转型及利用技术和数字解决方案来改进业务流程、增强客户体验并推动整体增长。尽管每个企业的数字化转型之旅都是独特的,但仍需要解决几个常见问题以确保转型成功。其中一些问题包括: 1.抵制变革:数字化转型中最大的挑战之一是员…

5. 缓存模块

缓存概述 对于缓存功能,相信大家都十分熟悉了。一旦我们发现系统的性能存在瓶颈需要优化时,可能第一时间想到的方式就是加缓存。缓存本质上是一种空间换时间的技术,它将计算结果保存在距离用户更近、或访问效率更高的存储介质中,…

【python】正则表达式秒杀:牛客网-HJ17 坐标移动

描述 开发一个坐标计算工具, A表示向左移动,D表示向右移动,W表示向上移动,S表示向下移动。从(0,0)点开始移动,从输入字符串里面读取一些坐标,并将最终输入结果输出到输出文件里面。…

Vue3结果(Result)

可自定义设置以下属性: 结果的状态,决定图标和颜色(status),类型:‘success’|‘error’|‘info’|‘warn’|‘404’|‘403’|‘500’,默认:‘info’标题文字(title&…

ModaHub魔搭社区:AI原生云向量数据库Zilliz Cloud设置运维窗口和设置时区

目录 概述 查看运维窗口 编辑运维窗口 相关文档 查看当前时区 编辑时区 相关文档 Zilliz Cloud 允许用户为集群设置运维窗口,以减少运维对工作负载的影响,增加可预测性。 概述 目前,运维窗口设置为全局设置,应用于 Zilliz Cloud 上的所有集群。 为避免在业务高峰期…

【Python基础】- break和continue语句

在Python中,break和continue是用于控制循环语句的特殊关键字。 break语句用于跳出当前的循环(for循环或while循环),并继续执行紧接着的循环外的代码。它通常用于满足某个条件时提前结束循环。例如,考虑以下示例&#…