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 = routesroutes.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);

});

相关推荐
leoZ231几秒前
第 2 篇:搭建地基——Vue3 + Vite + Tailwind v4 + shadcn-vue
前端·javascript·vue.js·人工智能·目标检测·数据挖掘·语音识别
coderCN18 分钟前
Nodejs path OS process child_process FS crypto zlib ffmpeg Markdown 转 html
前端
梨想橙汁25 分钟前
JS BOM 浏览器对象:定时器与同步异步底层理解
前端·javascript
吴长建先生27 分钟前
支付回调接口设计与代码规范:如何提升团队工程化能力
vue.js
梨想橙汁31 分钟前
ES6+ 必用新特性:箭头函数、解构、模板字符串、扩展运算符
前端·javascript
梨想橙汁32 分钟前
DOM 与 JS 事件:页面元素操作、事件冒泡、事件委托实战
前端·javascript
Dreams°1231 小时前
【React+TS+ECharts可视化避坑:图表空白、不实时更新、数据池堆积卡顿完整复盘(附完整源码)】
前端·react.js·echarts
计算机魔术师1 小时前
三年前估值45亿,现在129亿——Hugging Face凭什么被老黄盯上?
前端
一个游离的指针1 小时前
浏览器的渲染原理
前端·javascript
zttbee1 小时前
vue2的API大白话讲解
前端·vue.js·前端框架