uniapp分享功能

向画

已于 2024-11-22 14:14:28 修改

阅读量1k

点赞数 5

CC 4.0 BY-SA版权

文章标签： uni-app notepad++

于 2024-11-06 16:02:15 首次发布

mk@

本文链接：https://blog.csdn.net/kjl536566/article/details/143565322

页面生命周期 https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle
onShareTimeline 监听用户点击右上角转发到朋友圈微信小程序 2.8.1+
onAddToFavorites 监听用户点击右上角收藏微信小程序、QQ小程序 2.8.1+
onShareAppMessage 用户点击右上角分享微信小程序、QQ小程序、支付宝小程序、抖音小程序、飞书小程序、快手小程序、京东小程序

小程序分享（vue2和vue3书写方式不同）

在 Vue 3 的

用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮，也可能是开发者在页面中放置的分享按钮（）；

<script setup>
// 分享微信好友
	import {
   
    onLoad, onReachBottom,	onShareAppMessage,onShareTimeline } from '@dcloudio/uni-app';
	...
	onShareAppMessage(() => {
   
   
	//动态的
		return {
   
   
			title: state.gooodInfo.title, // 分享标题
			 path: `pages/goods/index?id=${
     
     state.goodsInfo.id}`,