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

结果

相关推荐
大鹏说大话1 小时前
微信小程序制作一个需要多少钱?
微信小程序
2501_9159184113 小时前
苹果App Store上架审核卡住原因分析与解决方案指南
android·ios·小程序·https·uni-app·iphone·webview
用户7009807357317 小时前
从零开发一个微信记账小程序,零依赖、附完整源码
微信小程序
焦糖玛奇朵婷20 小时前
盲盒小程序开发|解锁开箱新体验[特殊字符]
大数据·开发语言·程序人生·小程序·软件需求
左师佑图21 小时前
微信小程序组件事件冒泡问题排查与解决方案
微信小程序·小程序
HWL567921 小时前
uni-app的生命周期
前端·vue.js·uni-app
一颗小青松21 小时前
uniapp设置安卓 ios 自定义启动页
uni-app
仙古.梦回~21 小时前
uniapp中使用plus对象实现经典蓝牙
uni-app
树下水月1 天前
微信小程序接口,必须使用https的443端口吗?
微信小程序·小程序·https
毕设源码-邱学长1 天前
【开题答辩全过程】以 灵山水牛奶配送小程序的设计与实现为例,包含答辩的问题和答案
小程序