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>

完成

相关推荐
小程序开发X11 小时前
2026 深圳 APP 开发甄选:技术架构搭建、全流程落地、综合选型解读
微信小程序·小程序·app开发
Kingexpand_com12 小时前
培训机构排课管理小程序设计与功能实现思路
小程序·软件开发·小程序定制开发·培训排课·培训机构·排课小程序
白远山13 小时前
自助健身小程序源码:架构拆解、核心链路与本地部署实战
java·架构·uni-app·需求分析
扶风ff16 小时前
练题簿企业培训方案:统一题库、在线任务与岗位考核
学习·小程序
AI行业应用研究16 小时前
会务问答机器人落地拆解:三级路由、知识库组织与防幻觉——会务小程序能自己回答参会者提问吗?
大数据·人工智能·安全·小程序·架构
盟道科技16 小时前
小程序订阅消息大规模投递实践:频控令牌池、Redis限流与失败补偿设计
分布式·算法·小程序
m0_5873830017 小时前
本地同城无人机作业接单系统源码:架构拆解与抢单调度实现
java·小程序·架构·需求分析
2501_9159090617 小时前
怎么用 FlutterFlow 把应用发布到 App Store?
android·ios·小程序·https·uni-app·iphone·webview
白远山1 天前
家政服务家政社区派单实战:调度系统架构设计与实现指南
java·开发语言·小程序·架构·需求分析
微擎应用市场2 天前
心灵馆咨询系统小程序:一站式心理咨询服务解决方案
小程序