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

});

相关推荐
灵感__idea6 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴7 小时前
Mix
前端·webgl
代码续发7 小时前
前端组件梳理
前端
试图让你心动8 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_8 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码8 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记8 小时前
sass中@mixin与 @include
前端·sass
源码_V_saaskw8 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
陈琦鹏8 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数9 小时前
掌握JavaScript函数封装与作用域
前端·javascript