多级返回，困扰了我一天的大bug（针对app端）uniapp

已于 2022-06-29 13:50:00 修改
阅读量2.4k 收藏 4
点赞数 4
分类专栏： 前端 vue.js js 文章标签： vue.js html javascript
于 2020-06-09 09:59:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsq199771/article/details/106634945
版权
前端 同时被 3 个专栏收录
89 篇文章 0 订阅
订阅专栏
js
58 篇文章 0 订阅
订阅专栏
vue.js
48 篇文章 0 订阅
订阅专栏

多级返回
部分业务场景下，返回的逻辑中需要返回多级页面。

由于 uni.navigateBack() 同样会触发 onBackPress 函数。因此在 onBackPress 中直接调用 uni.navigateBack() 并始终返回 true 会引发死循环。
此时，需要根据 onBackPress 的回调对象中的 from 值来做处理，当来源是 ‘navigateBack’ 时，返回 false。

这个错误困扰了我一天，什么方法都用遍了 就是多级返回时候堆栈容易死循环，原来是uni.navigateBack() 同样会触发 onBackPress 函数。因此在 onBackPress 中直接调用 uni.navigateBack() 并始终返回 true 会引发死循环

星陈~
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
uni-app 之 API 入门教程 uniapp在线教程 uni app视频教程
04-28
主要讲解uni-app中常用的API的使用技巧、定时器、跳转、界面、网络数据的获取和传递、缓存、图片选择、拍照、上传等，这些都是我们在实战中都要用到的基础。
uniapp中页面返回刷新
qq_36597857的博客
10-28 258
【代码】uniapp中页面返回刷新。
uniapp H5 navigateBack无法返回上一层级
颜良文丑的博客
05-13 3261
使用自定义导航栏组件<font color="#e03997" size="3">navbar</font>， 返回到上一层级时失败
跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决_app中加载h5页面白屏问题
2301_82244509的博客
05-10 1242
除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】+ [四、拓展阅读](#_246)应用uni-app框架开发好APP上架使用过程中，发现应用经过长时间由后台切换至前台时，通过webview方式嵌套的H5页面发生白屏现象。总结来说，面试成功=基础知识+项目经验+表达技巧+运气。
uniapp 的uni.navigateBack 方法 返回上一页携带参数
SSophia的博客
01-28 848
uniapp中(返回上一页面或多级页面/上拉刷新)
m0_58293192的博客
02-22 2122
uniapp中返回上一页面或多级页面/上拉刷新
干货，在uniapp项目中使用uni.navigateBack()方法返回上一页或多页时携带参数的方法！
徐飞的博客
09-19 1万+
干货，在uniapp项目中使用uni.navigateBack()方法返回上一页或多页时携带参数的方法！ getCurrentPages()函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。
uni-app -- 如何实现返回上一页面或多级页面
热门推荐
Dark_programmer的博客
01-04 1万+
uni-app -- 如何实现路由后退的效果 在vue中，有APIthis.$router.go(-1)可实现后退多少步的效果。 uni-app并没有go(-1)的api，但是有一个类似的api 名为 navigateBack。具体使用如下： uni.navigateBack({ delta: 1 }); 关闭当前页面，返回上一页面或多级页面。 delta：( Number )。 返回的页面数，如果 delta 大于现有页面数，则返回到首页。 相关链接： 【uni.navigateBack】 【
uniapp框架-仿米家APP的一款智能家居小程序-uni-app项目源码-vue语法格式.zip
05-21
UniApp基于Vue.js，采用一次编写、多端运行的设计理念，极大降低了开发成本和时间。它提供了丰富的原生组件和API封装，保证了应用的原生性能体验，为用户带来流畅的操作感受。 此外，UniApp拥有庞大的社区支持和...
uniapp框架-mpvue框架仿滴滴出行-uni-app项目源码-vue语法格式.zip
最新发布
05-21
UniApp基于Vue.js，采用一次编写、多端运行的设计理念，极大降低了开发成本和时间。它提供了丰富的原生组件和API封装，保证了应用的原生性能体验，为用户带来流畅的操作感受。 此外，UniApp拥有庞大的社区支持和...
uniapp框架-uniapp选择器,包含一级,二级级联,三级级联uni-app项目源码-vue语法格式.zip
05-21
UniApp基于Vue.js，采用一次编写、多端运行的设计理念，极大降低了开发成本和时间。它提供了丰富的原生组件和API封装，保证了应用的原生性能体验，为用户带来流畅的操作感受。 此外，UniApp拥有庞大的社区支持和...
uniapp框架-仿美团外卖小程序-uni-app项目源码-vue语法格式.zip
05-21
UniApp基于Vue.js，采用一次编写、多端运行的设计理念，极大降低了开发成本和时间。它提供了丰富的原生组件和API封装，保证了应用的原生性能体验，为用户带来流畅的操作感受。 此外，UniApp拥有庞大的社区支持和...
uni-app-bottom-navigation-master.zip_kidslme_uni-app_uniapp 二级分类
09-24
【标题】"uni-app-bottom-navigation-master.zip_kidslme_uni-app_uniapp 二级分类" 指的是一款基于uni-app框架开发的底部导航栏组件，特别适用于实现多级分类菜单的功能。这个项目可能是一个开源示例或者模板，由...
uniapp页面跳转【回退】
dxn16638400024的博客
09-10 1万+
在我们日常写项目时，难免会有实现效果后，跳回上一个页面，但若使用跳转页面，会显得繁琐，费劲，用户的体验感也不好（毕竟本人就很讨厌页面频繁跳转）方法：该方法可以让当前页面回退到上一页。你可以在需要触发回退操作的地方调用这个方法，比如点击返回按钮或者某个事件触发时。以上是在 UniApp 中实现页面回退的几种方式，你可以根据具体需求选择适合的方法来实现相应的功能。表示要回退的页面数，正整数表示回退页面的层级。方法：如果你想回退多级页面，可以使用带有。组件，可用于跳转和回退页面。，点击该组件后即可回退到上一页。
uniapp navigateBack返回上一页携带参数
weixin_67420857的博客
09-06 1134
在第一个页面的 onShow() 生命周期中监听返回的参数。在第二个页面中传递要传递的数据。
uniapp中uni.navigateBack返回后刷新页面数据
小马甲
11-29 2620
在移动端中，数据列表中某项数据点击编辑，进入下一个页面编辑数据，保存后回退到数据列表页，此时需要刷新列表数据，否则显示的列表数据还是旧的。这种场景感觉很多地方都有出现，是需要详细说说方法，也就是uniapp中返回后刷新页面数据。本人每篇文章都是一字一句码出来，希望大佬们多提提意见。创作不易，给我打打气，加加油☕。
uni-app 返回上一级或多级页面，并携带参数
MJOY791270505的博客
11-28 776
uni-app 返回上一级或多级页面，并携带参数
uni-app:navigateBack返回上一页（含参数传递）
weixin_46001736的博客
07-21 6287
uni-app:navigateBack返回上一页
uniapp多级页面如何带参数返回上一页
05-24
在 uniapp 中，如果你需要在返回上一页时传递参数，可以使用 `uni.navigateBack()` 方法，并在跳转时使用 `uni.navigateTo()` 方法传递参数。 具体操作步骤如下： 1. 在跳转到下一个页面时，使用 `uni.navigateTo()` 方法传递参数，例如： ```javascript uni.navigateTo({ url: '/pages/nextPage/nextPage?id=123&name=test', }); ``` 2. 在跳转回上一个页面时，使用 `uni.navigateBack()` 方法，并在 `delta` 参数中指定返回的层数，例如： ```javascript uni.navigateBack({ delta: 1, success: (res) => { console.log(res); // 返回上一页成功 console.log(res.result); // 返回上一页传递的参数 } }); ``` 在上一个页面的 `onLoad` 方法中，可以通过 `options` 参数获取传递的参数，例如： ```javascript onLoad(options) { console.log(options.id); // 输出 123 console.log(options.name); // 输出 test } ``` 这样就可以在多级页面间传递参数并返回上一页了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星陈~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值