uniapp H5 navigateBack无法返回上一层级

最新推荐文章于 2024-07-12 20:06:17 发布

shaoin_2

最新推荐文章于 2024-07-12 20:06:17 发布

阅读量3.2k

点赞数 3

分类专栏： uniapp H5 文章标签： web javascript

本文链接：https://blog.csdn.net/weixin_49175501/article/details/116757207

版权

uniapp 同时被 2 个专栏收录

40 篇文章 8 订阅

订阅专栏

24 篇文章 0 订阅

订阅专栏

项目场景：

使用自定义导航栏组件navbar，在这里插入图片描述
返回到上一层级时失败

原因分析：

H5在PC端打开，当前页面重新加载的情况下，出现navigateBack不能返回，由于H5端页面刷新后返回页面栈会消失

BackPage() {
				// uni.navigateBack({
				// 	delta: 1
				// });
				history.back();//back() 方法可加载历史列表中的前一个 URL（如果存在）。
			}

点赞评论收藏 ~~ 有疑惑的小伙伴，可能是我表达不清楚，可以留言讨论，如有错误，也希望大家不吝指出。 ~~ 点赞评论收藏

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

shaoin_2

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
2
评论
uniapp H5 navigateBack无法返回上一层级

使用自定义导航栏组件<font color="#e03997" size="3">navbar</font>，返回到上一层级时失败
复制链接

扫一扫

专栏目录

uniapp H5 pdf、docx文档预览

04-07

`uniapp`是一个跨端开发框架，支持开发H5、iOS、Android等平台的应用。在这个场景下，我们将讨论如何在uniapp的H5环境中实现PDF和DOCX文档的预览。首先，我们需要了解H5环境下的文档预览机制。对于PDF文件，大多数...

uniapp开发H5,刷新浏览器时导致页面栈消失出现的跳转问题不能返回

weixin_45863359的博客

05-17

2271

近期开发H5遇到在刷新浏览器时,左上方返回按钮没有用了,是因为刷新游览器导致页面栈消失了，经过百度和交流群咨询得到了解决方案，记录一下。 1.pages.json（需要自定义顶部导航栏） { "path": "pages/index/index", "style": { "navigationStyle": "custom" } } 2.创建导航栏组件（我的项目引入了uview-ui,直接进入u-navbar位置去修改） /*主要是以下这几行代码，自定义组件左侧返回按钮事件*.

2 条评论您还未登录，请先登录后发表或查看评论

uniapp，销毁上一个页面,点击返回不返回到上一个页面

H5XDJ的博客

12-06

5819

返回跳过上一层页面，并且携带参数

uniapp进行微信小程序开发，使用navigateBack返回到上一个页面时候，接口未刷新。

热门推荐

Change!

12-01

6万+

返回上一页面在uniapp有多种方法根据项目需求，关闭当前页面，返回上一页面

uniapp返回上一页（页面栈

weixin_44325341的博客

02-24

3596

在用uniapp写微信小程序时发现点击左上角的返回箭头时，返回的并不全是上一页

uniapp刷新页面后使用uni.navigateBack()无法返回上个页面

m0_74829310的博客

07-06

1832

的时候发现有时候需要更新页面数据，我是用h5强制刷新页面后就无法返回上一个页面，查了文档后发现是页面栈丢失问题。百度看了很多大佬们的方法，方法基本一致，使用原生JS的history对象，封装一个兼容uniapp api和原生js的返回的方法。在方法里替换一下代码即可。

uniapp H5集成微信JS支付

03-26

uni-app框架下，开发H5，集成微信JS API支付，安装指定的，jweixin-module之后调用方法关键代码，搞了一星期，终于都搞明白，很简单，一看就懂了。

uniapp移动端H5在线预览PDF等文件实现源码及注解

10-13

在移动应用开发中，uniapp是一个非常流行的框架，它允许开发者使用一套代码库来构建多端应用，包括iOS、Android以及H5。本教程将详细讲解如何在uniapp移动端通过H5实现PDF和其他文件的在线预览功能。通过提供的源码...

uniapp的移动端h5的横屏电子签名

06-01

自定义一个h5页面，实现可以横屏手写电子签名的功能，且支持回显（图片可以转化为签字版的canvas，且支持在此基础上继续进行手写签名）由于uniapp微信小程序支持横竖屏切换配置，但是移动端h5不支持。自定义一个h5...

uniapp开发的H5禁止公众号右上角菜单三个点功能.zip

11-19

uniapp开发的公众号H5，隐藏掉微信浏览器默认的属性和分享属性

【Uni-App】uniapp-H5页面刷新后返回失效，页面栈清空问题，navigateBack失效问题

Write less，do more

09-28

7856

想到的解决方案使用原生js的history对象，封装一个兼容uniapp api和原生js的返回的方法。在打包生成的H5项目里，刷新后，页面回调，这时候使用uniapp原生的返回api方法会失效。方法获取页面栈只有当前页面页面无法返回，一直在当前页面刷新闪烁。由于页面回调后导致当前页面刷新，使用。

uni-app:navigateBack返回上一页（含参数传递）

weixin_46001736的博客

07-21

6565

uni-app:navigateBack返回上一页

uniapp 微信小程序多次返回无法直接返回上一页

迷失的鱼的博客

04-27

1043

【代码】uniapp 微信小程序多次返回无法直接返回上一页。

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】uniapp手机端使用uni.navigateBack失效问题解决

weixin_46682277的博客

06-24

5236

需要实现点击后退可以跳转到具体某个底部tabbar页面

uniapp uni.navigateBack 无法返回

07-28

uni.navigateBack()方法在uni-app中用于返回上一页面。然而，有时候在刷新当前页面后，使用该方法无法返回上一页面。这个问题可以通过以下几种方法解决。一种解决方法是使用原生的history对象来替代uni.navigateBack()方法。可以封装一个兼容uni-app API和原生JS的返回方法，如下所示： ```javascript const navigateBack = (params) => { const pages = getCurrentPages() if (pages.length === 1) { if (typeof params === 'number') { history.go(-params) } else { history.back() } } else { uni.navigateBack() } } ``` 这个方法会先判断当前页面的数量，如果只有一个页面，则使用原生的history对象进行返回操作；如果有多个页面，则使用uni.navigateBack()方法进行返回操作。这样可以解决刷新页面后无法返回的问题。\[3\] 另一种解决方法是在返回的方法中进行替换。可以使用以下代码来判断是否可以返回上一页面，并进行相应的操作： ```javascript let canNavBack = getCurrentPages() if (canNavBack && canNavBack.length > 1) { uni.navigateBack() } else { history.back() } ``` 这段代码会先获取当前页面的数量，如果大于1，则使用uni.navigateBack()方法进行返回操作；如果等于1，则使用history.back()方法进行返回操作。这样也可以解决无法返回上一页面的问题。\[2\] 综上所述，以上两种方法都可以解决uni.navigateBack()无法返回上一页面的问题。你可以根据自己的需求选择其中一种方法来解决该问题。 #### 引用[.reference_title] - *1* [uni-app中使用uni.navigateBack()方法返回上一页面时，如果刷新当前页面则出现无法返回上一页面问题](https://blog.csdn.net/C_B_Y/article/details/125720619)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp刷新页面后使用uni.navigateBack()无法返回上个页面](https://blog.csdn.net/weixin_67434908/article/details/129204627)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [uniapp-H5页面刷新后返回失效，页面栈清空问题，navigateBack失效问题](https://blog.csdn.net/qq_43205326/article/details/125159266)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]