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

});

相关推荐
爱分享的鱼鱼15 分钟前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond16 分钟前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js
T___T18 分钟前
一个定时器,理清 JavaScript 里的 this
前端·javascript·面试
代码小学僧19 分钟前
从 Arco Table 迁移到 VTable:VTable使用经验分享
前端·react.js·开源
微笑的曙光20 分钟前
Vue3 环境搭建 5 步走(零基础友好)
前端
不知名用户来了24 分钟前
基于vue3 封装的antdv/element-Plus 快速生成增删改查页面
前端
明川30 分钟前
Android Gradle - ASM + AsmClassVisitorFactory插桩使用
android·前端·gradle
布列瑟农的星空31 分钟前
webpack迁移rsbuild——配置深度对比
前端
前端小黑屋32 分钟前
查看项目中无引用到的文件、函数
前端
前端小黑屋33 分钟前
小程序直播挂件Pendant问题
前端·微信小程序·直播