uni 小程序之间跳转返回带参数

2021-08-10  本文已影响0人  郭的妻

1.配置navigateToMiniProgramAppIdList

1.在uni项目中找到 manifest.json 文件
2.在manifest.json 文件中找到  “mp-weixin”
3.在“mp-weixin” 配置 “navigateToMiniProgramAppIdList”

配置写法

"mp-weixin" : {
   "navigateToMiniProgramAppIdList":["需要跳转的小程序appid"],
},

2.在事件当中写入

uni.navigateToMiniProgram({
    appId: '要跳转的小程序appid',
    path: '要跳转的小程序的页面路径',
    extraData: {//传值
       platformName:'MetaMarket'
    },
    envVersion:'develop',//要跳转小程序的的开发版 、体验版 ,正式版查看具体官方文档
    success(res) {
        console.log(res);
           // 打开成功
     }
});

3.跳转后的小程序查看传参

1.找到app.vue 文件
2.在app.vue 文件中 的 onLaunch 、onShow 方法内容

具体写法

onLaunch: async function(option) {
    console.log("app--",option)
},

4.返回跳转前的小程序的返回事件写法

uni.navigateBackMiniProgram({
    extraData:{
        "data":"1",
    },//返回带参数的地方 格式为对象
    success(res) {
      // 返回成功
    }
});

5.返回跳转前的小程序后,查看参数是在app.vue 中 onShow生命周期
具体写法

onShow: async function(option) {
    console.log("app--",option)
},
上一篇下一篇

猜你喜欢

热点阅读