uniapp 微信小程序 列表点击分享 不同的信息

复制代码
<button open-type="share" plain class="item share" @click.stop="shareFn(item)">
		<text>分享</text>
</button>

	import {
		onShareAppMessage
	} from '@dcloudio/uni-app'
	
let shareObj = ref({})
  // 将点击后的分享设置信息  关键就是这个promise  resolve的结果就是分享的数据信息
	onShareAppMessage(() => {
		const promise = new Promise(resolve => {
			setTimeout(() => {
				resolve({
					title: '分享信息-'+shareObj.value.desc,
					desc: shareObj.value.desc,
					path: shareObj.value.path
				})
			}, 100)
		})
		return {
			promise
		}
	})
// 点击 设置分享信息  
	let shareFn = (item) => {
		console.log(item, 'item');
		shareObj.value.desc = item.lifeshareContent
		shareObj.value.path = '/pages/comment-detail/comment-detail?lifeshareId=' + item.lifeshareId
	}

这个是官网的信息

https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/miniapp/component/onShareAppMessage.html

结果

相关推荐
小羊Yveesss11 小时前
2026年微信小程序搭建一般需要多长时间?不同方案周期和延期点
微信小程序·小程序
禾高网络13 小时前
互联网医院|AI 互联网医院成品开发系统
java·大数据·人工智能·小程序
小羊Yveesss15 小时前
2026年微信小程序搭建算什么费用?年费、设计费、开发费和维护费
微信小程序·小程序
敖行客 Allthinker16 小时前
UniApp iOS APNs 推送证书一站式配置
uni-app·mac
梦曦i18 小时前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
宠友信息18 小时前
内容社区源码多端数据协议与 Spring Boot 状态流转实现思路
java·spring boot·websocket·uni-app
2501_9159184120 小时前
PerfDog 太贵?iOS 性能监控工具的功能对比与选择
android·ios·小程序·https·uni-app·iphone·webview
PedroQue9921 小时前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
码农客栈1 天前
小程序学习(二十六)之“订单详情”
小程序
weixin_440058311 天前
2026知识付费小程序:年费全包零抽成,录播题库全功能覆盖
小程序·apache·小程序开发