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

8月前作者：不爱敲代码的大帅比分类：Toy博客阅读(44) 违法举报

这篇具有很好参考价值的文章主要介绍了uniapp刷新页面后使用uni.navigateBack()无法返回上个页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

方法文章来源地址https://www.toymoban.com/news/detail-550226.html

let canNavBack = getCurrentPages()
if( canNavBack && canNavBack.length>1) {  
    uni.navigateBack() 
} else {  
    history.back();  
} 
//在返回的方法里替换

uniapp刷新页面后使用uni.navigateBack()无法返回上个页面,uniapp,vue,vue.js,uni-app,javascript,前端,Powered by 金山文档

到了这里，关于uniapp刷新页面后使用uni.navigateBack()无法返回上个页面的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

微信小程序--操作微信自带的返回按钮使上个页面刷新列表或刷新数据

首先要了解什么是页面栈 ------------ 框架以栈的形式维护了当前的所有页面。当发生路由切换的时候，页面栈的表现如下：路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈，新页面入栈页面返回页面不断出栈，直到目标返回页

2024年02月13日
浏览(42)
干货，在uniapp项目中使用uni.navigateBack()方法返回上一页或多页时携带参数的方法！

在微信官方文档中有这么一个方法:getCurrentPages() getCurrentPages()函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误在日常的实

2024年02月12日
浏览(49)
uniapp H5 navigateBack无法返回上一层级

项目场景：提交表单后需要返回上一级原因分析： H5在PC端打开，当前页面重新加载的情况下，出现navigateBack不能返回，由于H5端页面刷新后返回页面栈会消失

2024年02月08日
浏览(34)
uni-app:切换页面刷新，返回上一页刷新（onShow钩子函数的使用）

切换页面刷新：通过onShow()便可实现返回上一页通过uni.navigateBack({delta: 1});实现以返回上一页刷新为例在A页面写入方法refreshHandler() 在A页面写入onLoad()，onShow() onLoad()：首次进入页面时执行的方法，这里直接引入refreshHandler() 可以直接查询到页面数据 onShow()：进入页面执行

2024年02月15日
浏览(54)
uni-app 实现navigateBack返回修改前一页面数据（H5、APP、小程序）

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7 深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新Web前端全套学习资料》，

2024年04月29日
浏览(59)
uni-app返回上一个页面并进行页面刷新

适用两个不同的页面跳转，返回上一个页面保存并刷新修改后的数据（也解决了uni-app的navigateBack返回不刷新的方法之一）当前页：上一页: 思路: 1、用getCurrentPages()获取打开的页面 2、保存当前页面和上一个页面提示：不确定是不是从当前页跳转到上一页就console.log(pages[pa

2024年02月12日
浏览(49)
uniapp小程序路由跳转，使用uni.navigateBack方法，实现跳转传参

由于小程序跳转限制10层，为了尽可能的减少页面栈，在小程序中会用到uni.navigateBack（）方法，使用中难免会遇到页面跳转之间传参的问题。uni.navigateBack和uni.navigateTo、uni.redirectTo方式不同，不能通过路由拼接的方式传参，以下是三种跳转的方法：在小程序中uni.navigateTo和u

2024年02月16日
浏览(56)
uni-app:navigateBack返回上一页

在 navigateBack 方法中使用 uni.navigateBack 来返回上一个页面。 delta 参数表示返回的页面层数，这里设置为1表示返回上一个页面。要在uni-app中实现返回上一页并刷新上一个页面，并设置上一个页面的data值，可以使用uni.emit和uni.emit和uni.on来实现事件的发布和订阅。当前页面

2024年02月16日
浏览(35)
uniapp、小程序选择数据后携带数据返回上一页且不刷新页面

优先推荐方法三图示：从新建线索页面A跳转到选择线索页面B，然后选择相应线索之后再返回新建线索页面，且原来的表单数据不能丢失方法一：使用uni.$emit 利用这个方法可以往uni这个对象身上添加自定义事件，然后通过uni.$on方法在生命周期onShow里面去触发事件，通过触

2024年02月15日
浏览(37)
微信小程序 wx.navigateBack() 携带参数返回（刷新上页参数信息）

页A 通过wx.navigateTo跳转到页B，页B wx.navigateBack返回页A前，可以通过利用getCurrentPages去传递参数，来刷新页A的值 let pages = getCurrentPages(); //获取当前页面pages里的所有信息。 let prevPage = pages[pages.length - 2]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面

2024年02月16日
浏览(51)