uniapp开发小程序---文章转发分享问题

一、需求

标题这里有三个新闻分类(跳转的列表页是同一个,是根据分类字段来判断显示的):
在列表页面点击右上角分享给好友后是下图所示:

要求点击每个分享过来的页面时,跳转到对应的新闻列表下。

二、代码

重点:分享的时候在路径后加上cate

html 复制代码
<template>
	<view class="home_content">
		列表内容
	</view>
</template>

<script>
	import share from '../../static/public/share.js'
	export default {
		mixins: [share],
		data() {
			return {
				cate: 3, //1:研究报告 2:政策研究 3:今日新闻
				
				// 自定义转发时的名称
				ShareType: true,
				shareTitle: '政策研究',
			}
		},
	
	
		onLoad(option) {
			this.cate = Number(option.cate)

			// 修改顶部标题
			if (this.cate == 1) {
				uni.setNavigationBarTitle({
					title: '研究报告'
				})
				this.shareTitle =  '研究报告'
			} else if (this.cate == 2) {
				uni.setNavigationBarTitle({
					title: '政策研究'
				})
				this.shareTitle =  '政策研究'
			} else if (this.cate == 3) {
				uni.setNavigationBarTitle({
					title: '今日新闻'
				})
				this.shareTitle =  '今日新闻'
			}
		},
		
		
		//分享好友
		onShareAppMessage(res) {
			return {
				title: this.shareTitle,
				path: '/pages/businessSchool/solution?cate=' + this.cate //分享的页面路径
			}
		},
		// 自定义页面的分享到朋友圈
		onShareTimeline(res) {
			return {
				title: this.shareTitle,
				path: '/pages/businessSchool/solution?cate=' + this.cate //分享的页面路径
			}
		},
	}
</script>

完成

相关推荐
省钱兄--zs12 小时前
深圳24小时自助健身房软硬件解决方案实战指南与开发流程详解
java·数据仓库·spring boot·小程序·架构
李洋-蛟龙腾飞公司13 小时前
微信小程序商城迁移鸿元服务实战
微信小程序·小程序
Autumn_ing17 小时前
AI生成应用能做到哪一步?在线问诊APP从挂号到支付的完整案例
小程序·app·健康医疗·ai应用·问诊app·ai生成应用·墨刀ai
火眼金睛记单词17 小时前
攻克考研英语熟词僻义:解锁高分密码的关键一步
经验分享·考研·小程序
YueLin11118 小时前
直播卖货小程序哪个好用?2026 年三大阵营与适配场景
小程序
m0_5873830021 小时前
无人自助拼豆系统开发实战指南 核心功能架构搭建与落地经验分享
java·经验分享·spring·小程序·架构·需求分析
Ai-_Man21 小时前
DeepSeek生成的内容能否下载吗?
开发语言·javascript·人工智能·小程序·ecmascript
头发还在的女程序员1 天前
2026智慧充电桩管理系统-充电桩小程序-云快充2.1 版本通讯协议
小程序·充电桩·充电系统·充电小程序
省钱兄--zs1 天前
碰碰好评卡系统开发实战指南 核心功能实现与部署落地全流程拆解
数据仓库·经验分享·spring boot·小程序·架构
河北清兮网络科技1 天前
在河北开发直播 APP,怎么挑选靠谱的软件公司?
小程序·app·短剧app·广告联盟