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页面。

相关推荐
伍哥的传说1 小时前
鸿蒙系统(HarmonyOS)应用开发之手势锁屏密码锁(PatternLock)
前端·华为·前端框架·harmonyos·鸿蒙
yugi9878381 小时前
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
前端
浪裡遊1 小时前
Sass详解:功能特性、常用方法与最佳实践
开发语言·前端·javascript·css·vue.js·rust·sass
耶啵奶膘2 小时前
uniapp——地图路线绘制map
uni-app
shadouqi2 小时前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
旧曲重听12 小时前
最快实现的前端灰度方案
前端·程序人生·状态模式
默默coding的程序猿2 小时前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉3 小时前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽3 小时前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课3 小时前
React useEffect 详解与运用
前端·react.js