美文网首页
uni 小程序之间跳转返回带参数

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

作者: 加冰宝贝 | 来源:发表于2021-08-10 12:04 被阅读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)
},

相关文章

网友评论

      本文标题:uni 小程序之间跳转返回带参数

      本文链接:https://www.haomeiwen.com/subject/kemxbltx.html