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

});

相关推荐
患得患失94911 分钟前
【前端】【难点】前端富文本开发的核心难点总结与思路优化
前端·富文本
执键行天涯14 分钟前
在vue项目中package.json中的scripts 中 dev:“xxx“中的xxx什么概念
前端·vue.js·json
雯0609~27 分钟前
html:文件上传-一次性可上传多个文件,将文件展示到页面(可删除
前端·html
涵信32 分钟前
2024年React最新高频面试题及核心考点解析,涵盖基础、进阶和新特性,助你高效备战
前端·react.js·前端框架
mmm.c33 分钟前
应对多版本vue,nvm,node,npm,yarn的使用
前端·vue.js·npm
混血哲谈39 分钟前
全新电脑如何快速安装nvm,npm,pnpm
前端·npm·node.js
天天扭码39 分钟前
项目登录注册页面太丑?试试我“仿制”的丝滑页面(全源码可复制)
前端·css·html
夕水1 小时前
好消息,好消息,前端可以使用免费的ai模型构建一个ai聊天会话了
vue.js·trae
桂月二二1 小时前
Vue3服务端渲染深度实战:SSR架构优化与企业级应用
前端·vue.js·架构
萌萌哒草头将军1 小时前
🚀🚀🚀 这六个事半功倍的 Pinia 库,你一定要知道!
前端·javascript·vue.js