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);

});

相关推荐
Apifox1 分钟前
Apifox 10 月更新|支持实时预览在线文档个性化配置的效果、性能优化、测试能力升级
前端·后端·测试
玉宇夕落3 分钟前
🔥 一行代码让网页“活”起来!前端黑科技 Stylus + Flex 实战,小白也能写出酷炫交互动画!
前端·javascript
feiyu_gao3 分钟前
如何将一个大表格的数据转为图片
前端·性能优化
Mintopia4 分钟前
🌌 AIGC与AR/VR结合:Web端沉浸式内容生成的技术难点
前端·javascript·aigc
拖拉斯旋风4 分钟前
前端学习之弹性布局(上):弹性布局的基本知识
前端
疯狂踩坑人6 分钟前
【面试系列】万字长文,速通TCP、HTTP(s)、DNS、CDN、websocket、SSE
前端·面试
小时前端6 分钟前
前端稳定性:你的应用经得起一场“混沌演练”吗?
前端·面试
逻极7 分钟前
Next.js vs Vue.js:2025年全栈战场,谁主沉浮?
开发语言·javascript·vue.js·reactjs
一枚前端小能手8 分钟前
🗂️ Blob对象深度解析 - 从文件处理到内存优化的完整实战指南
前端·javascript
杰克尼8 分钟前
vue-day02
前端·javascript·vue.js