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 天前
NFC标签打开微信小程序
前端·微信小程序
局外人LZ1 天前
Uniapp脚手架项目搭建,uniapp+vue3+uView pro+vite+pinia+sass
前端·uni-app·sass
光影少年1 天前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_915918411 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
前端呆头鹅1 天前
Websocket使用方案详解(uniapp版)
websocket·网络协议·uni-app
浮桥1 天前
uniapp+h5 公众号实现分享海报绘制
uni-app·notepad++
2501_916007471 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克31 天前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
wangjun51591 天前
uniapp uni.downloadFile 偶发性下载文件失败 无响应
uni-app
菜鸟una1 天前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro