uniapp路由跳转导致页面堆积问题

场景:

从A页面跳转到B页面,然后从B页面跳转到了C页面,在C页面提交了表单之后要返回到B页面,但是此时B页面的状态需要更新,完事之后,我们希望此时在B页面点击返回之后回到A页面。

有问题的思路:

在A页面用navigationTo跳转到了B页面,在B页面用navigationTo跳转到了C页面,在C页面提交表单后,用navigationTo跳转到B页面。

这样操作进入到B页面,B页面的状态能够更新,因为在B页面的onLoad生命周期钩子中,去请求数据更新了页面状态。但是页面栈中堆积了很多页面,从该页面返回就到了C页面,而C页面是表单提交页面,我们希望从B返到A。

正确思路:

在A页面用navigationTo跳转到了B页面,在B页面用navigationTo跳转到了C页面,在C页面提交表单后,用navigationBack返回到B页面,在B页面的onShow生命周期钩子中请求数据更新状态。此时在B页面返回就会回到A页面。

相关推荐
合作小小程序员小小店19 分钟前
web网页开发,在线%台球俱乐部管理%系统,基于Idea,html,css,jQuery,jsp,java,ssm,mysql。
java·前端·jdk·intellij-idea·jquery·web
不爱吃糖的程序媛26 分钟前
Electron 应用中的系统检测方案对比
前端·javascript·electron
泷羽Sec-静安30 分钟前
Less-9 GET-Blind-Time based-Single Quotes
服务器·前端·数据库·sql·web安全·less
pe7er43 分钟前
用高阶函数实现递归:从匿名函数到通用递归生成器
前端·javascript
IT古董1 小时前
全面理解 Corepack:Node.js 的包管理新时代
前端·node.js·corepack
学习3人组1 小时前
清晰地说明 NVM、NPM 和 NRM 在 Node.js 开发过程中的作用
前端·npm·node.js
矢心1 小时前
setTimeout 和 setInterval:看似简单,但你不知道的使用误区
前端·javascript·面试
一枚前端小能手1 小时前
🧭 使用历史记录 API - SPA导航与状态管理的完整指南
前端·javascript
用户47949283569151 小时前
从字符串满天飞到优雅枚举:JavaScript 常量管理的几种姿势
前端·javascript
qq_415216252 小时前
Vue3+vant4+Webpack+yarn项目创建+vant4使用注意明细
前端·webpack·node.js