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

结果

相关推荐
说私域12 小时前
社群招募文案的核心构建要点与工具赋能路径——基于AI智能名片链动2+1模式商城小程序的实践研究
人工智能·小程序·私域运营
_ZeroKing14 小时前
自制智能门锁:NFC 刷卡 + 小程序远程开锁(完整实战记录)
嵌入式硬件·小程序·notepad++·arduino
郑州光合科技余经理14 小时前
可独立部署的Java同城O2O系统架构:技术落地
java·开发语言·前端·后端·小程序·系统架构·uni-app
雪芽蓝域zzs14 小时前
uniapp 取消滚动条
uni-app
阿斌_bingyu70916 小时前
眼镜店AR在线试戴小程序技术解决方案
小程序·ar
2401_8658548816 小时前
Uniapp和Flutter哪个更适合企业级开发?
flutter·uni-app
雪芽蓝域zzs16 小时前
uniapp 省市区三级联动
前端·javascript·uni-app
总爱写点小BUG16 小时前
UniApp 图标方案终极排坑:告别 FontClass,拥抱真 SVG 组件化
前端框架·uni-app
计算机毕设指导616 小时前
基于微信小程序的智能停车场管理系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·intellij-idea
2501_9339072117 小时前
如何选择西安优质小程序开发服务与本凡码农合作?
科技·微信小程序·小程序