美文网首页
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