如何在uniapp的onshow 接受参数?

这篇具有很好参考价值的文章主要介绍了如何在uniapp的onshow 接受参数?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在日常使用uniapp开发,我们正常接受参数的方式如下:
正常页面 onLoad 可以接收上个页面的参数

onLoad(options) {
    const data = options.data;
    if (data) {
      this.formData = JSON.parse(data);
    }
  },

但是 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 中获取到地址栏传参了。文章来源地址https://www.toymoban.com/news/detail-506905.html

到了这里,关于如何在uniapp的onshow 接受参数?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ❤ Uniapp使用二 ( 日常使用篇)

    1、基础表单验证 form 优点: 简单清晰 缺点: 验证起来自己写的验证规则很麻烦 2、uni-forms表单验证 3、表单单个验证未生效 uni-easyinput 在1.1.0新增 @change 1、输入框 uniapp input 限制输入数字 输入框问题 uniapp微信小程序input的type设置成number不起作用 2、下拉选择框 3、上传组件

    2024年01月19日
    浏览(41)
  • [uniapp的页面传参]详细讲解uniapp中页面传参的传递方式和接受方式 使用案例 代码注释

    在uniapp中,页面传参是非常常见的需求。本文将详细讲解uniapp中页面传参的传递方式和接受方式,以及使用案例,同时附上代码注释。 1. URL传参 URL传参是一种比较简单的传递方式,它是通过URL地址来传递参数的。我们可以在URL地址后面加上参数,例如: 在接收页面中,我们

    2024年02月19日
    浏览(34)
  • uniapp-微信小程序,对子组件实现onShow效果

    背景:使用uni-app开发一个微信小程序,使用的vue子组件,发现在子组件里面不能使用onShow生命周期,但是可以在page里面可以调用,需要在使用uni.navigateBack()返回后,该组件能请求接口数据刷新 解决:父级组件中,在子组件上添加ref,在父级onShow中通过子组件ref调用方法 父组

    2024年02月11日
    浏览(34)
  • vue/uniapp - 返回上一页并onLoad/onShow刷新数据列表接口

    在uni中,返回页面是不会触发 onLoad 方法的; 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用 onShow 的话,那刷新就太频繁了; 这时候,可以用 $emit 和 $on 去解决。 比如说,从详情页(detail.vue) 回到 列表页(list.vue): 进入的页面 给大佬暴赞👍👍👍👍👍👍

    2024年02月04日
    浏览(40)
  • uniapp微信小程序开发踩坑日记:onShow的应用场景及用法

    由于微信小程序是单页应用程序,所以用户在打开小程序后,只有第一次进入页面时会加载页面,之后再通过导航栏切换到相同的页面并不会导致页面重新加载 但是在某些场景下,我们希望每次用户一回到某个页面,就执行相应的函数,但因为导航栏切换页面并不会导致页面

    2024年02月21日
    浏览(29)
  • 在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期

    从 @dcloudio/uni-app 导出 可导出项:

    2024年02月16日
    浏览(34)
  • 请求响应-实体参数的接受

    简单实体对象: 请求参数名与形参属性对象名相同,定义pojo接受即可,将数据封装到实体类中 实体类代码如下: 控制类代码如下:    postman中发送请求、idea接受并处理请求结果如下: 复杂实体参数接受 (一个实体类中包含另一个实体类作为对象,即 对象的组合 ) 参数

    2024年02月16日
    浏览(38)
  • 请求响应-日期时间参数的接受

    由于从前端发送的请求中,日期的格式可能各不相同,使用 @DateTimeFormat 注解完成日期参数格式的转换 具体关键代码如下:   在postman中发出对应请求携带对应参数结果如下: 参数名称要与方法中的形参名称一致,免得还要设置    

    2024年02月13日
    浏览(36)
  • @RequestBody接受单个long参数

    使用postman传参数时,看到@requestbody注解,下意思使用json格式传参数,但是显示参数错误,后台报错不能但序列化参数 后来发现如果按照接口来传参,只需要传入一个lessonId值即可   没太搞懂,后来询问找到原因 long类型没有对应的key value值,sping不能正确解析,long就自己一

    2024年02月12日
    浏览(34)
  • SpringBoot接受前台参数的六种方式以及统一响应

    请求 SpringBoot接受前台参数的六种方式,首先因为从前台发送的请求没有界面的话只能是从地址栏发送并且只能是Get请求,为了测试其他的请求,所以我们使用一个工具-Postman,Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。 对于前台传过来的参数大致分为六

    2024年02月08日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包