vue+uniapp 获取上一页直接传递的参数

在小程序里页面之间跳转有时候需要传递参数给下个页面用

const toDetail = item => {

uni.navigateTo({

url: `/pagesFood/stu/FoodSelection?groupCode=1&merchCode=2`,

});

};

那么下个页面就要获取到这些参数,在实际开发中,我们需要区分当前运行环境是小程序还是web浏览器,因为两个环境下获取方式有些差距

let groupCode = "";

let merchCode = "";

const routes = getCurrentPages();

const route = routes[routes.length - 1];

onMounted(() => {

const uniPlatform = uni.getSystemInfoSync().uniPlatform;

if(uniPlatform==="web"){

groupCode = route.$page.options.groupCode;

merchCode = route.$page.options.merchCode;

}else{

groupCode = route.options.groupCode;

merchCode = route.options.merchCode;

}

console.log("111===",groupCode,merchCode);

});

相关推荐
用户315324779545几秒前
Tailwind CSS 学习手册
前端·css
踩着两条虫6 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(三):核心概念之引擎架构与生命周期
前端·vue.js·ai编程
发际线向北10 分钟前
0x00 Android 渲染机制解析
前端
_Eleven11 分钟前
Tiptap 完全使用指南
前端·vue.js·github
小蜜蜂dry16 分钟前
nestjs学习 - 中间件(Middleware)
前端·nestjs
像我这样帅的人丶你还20 分钟前
2026前端技术从「夯」到「拉」
前端
烟雨落金城23 分钟前
初识Electron,谈谈感悟
前端
jeff渣渣富24 分钟前
Taro 小程序构建自动化:手写插件实现图片自动上传 OSS 并智能缓存
前端·webpack
恋猫de小郭40 分钟前
谷歌 Genkit Dart 正式发布:现在可以使用 Dart 和 Flutter 构建全栈 AI 应用
android·前端·flutter
vim怎么退出2 小时前
谷歌性能优化知识点总结
前端