uniapp——列表分享当前话题（一个页面多个分享）

最新推荐文章于 2024-05-24 07:30:00 发布

耶啵奶膘

最新推荐文章于 2024-05-24 07:30:00 发布

阅读量382

点赞数 2

分类专栏： uni、vue 文章标签： uni-app

本文链接：https://blog.csdn.net/xulihua_75/article/details/138572276

版权

uni、vue 专栏收录该内容

119 篇文章 7 订阅

订阅专栏

案例

在这里插入图片描述
分享的时候弹出对应的标题和默认第一张图片

代码

<view v-for="(item,index) in list" :key="index">
	<button open-type="share" :id="index" @click.stop="()=>{}">
		<image src="/static/images/circle/share.png" mode="aspectFill"></image>
	</button>
</view>

onShareAppMessage((res) => {
	console.log(res);
	if (res.from === 'button') { // 来自页面内分享按钮
		return {
			title: list.value[res.target.id].title,
			path: '/pages/circle/circle',
			imageUrl: i.image(list.value[res.target.id].images[0]),
		}
	} else {
		return {
			title: common.config.title,
			path: '/pages/index/index',
			imageUrl: i.image(common.config.image),
		}
	}
})