uniapp 里 onshow 接收不到参数如何解决?

简介: uniapp 里 onshow 接收不到参数如何解决?

场景描叙:

正常页面 onLoad 可以接收上个页面的参数

    onLoad(e) {
     
    //获取上个页面传递的地址栏参数 id 
     
    console.log(e.id);
     
    }

但是 onLoad() 页面只会加载一次。

现在有这么一个应用场景:

A 页面跳转到 B 页面,B页面处理完再回到 A页面时,A页面不会再次触发 onLoad().

当前页面如果是其他页面的回调(return)页面时,其他页面跳转回调页面时的传参如何获取呢?

这时需要用到 onShow() 的钩子函数来处理页面栈数据。

    onShow(){
        let allPages = getCurrentPages(); //获取当前页面栈的实例;
        console.log(allPages);
        let lastPages = allPages.length - 1; // 获得倒数第二个元素的索引;
        console.log(lastPages);
        let option = allPages[lastPages].options; // 获得上个页面传递的参数;
        console.log(option);
    }

此时,按照这样的方式就可以从 option 中获取到地址栏传参了。

相关文章
|
5月前
|
小程序 前端开发
uniapp 小程序接入友盟 ,自定义事件携带参数
uniapp 小程序接入友盟 ,自定义事件携带参数
114 0
uniapp manifest.json 完整参数配置参考文档
uniapp manifest.json 完整参数配置参考文档
161 0
|
11月前
uniapp带参数跳转,新页面接收参数
uniapp带参数跳转,新页面接收参数
250 0
|
5月前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
726 0
|
5月前
uniapp 实现带参数跳转页面
uniapp 实现带参数跳转页面
100 0
|
5月前
|
小程序
Uniapp 解决组件在官方文档不支持的事件上,接收小程序原生组件事件
Uniapp 解决组件在官方文档不支持的事件上,接收小程序原生组件事件
89 0
|
小程序
Uniapp 解决组件在官方文档不支持的事件上,接收小程序原生组件事件
Uniapp 解决组件在官方文档不支持的事件上,接收小程序原生组件事件
77 0
uniapp设置tabBar跳转后,其他页面跳转到主页、主页参数、接参(整理)
uniapp设置tabBar跳转后,其他页面跳转到主页、主页参数、接参(整理)
|
JavaScript 小程序
在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期
在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期