【路由】多级路由处理手势返回和左上角返回箭头gap

Lty910

已于 2022-04-10 00:13:45 修改

阅读量167

点赞数

文章标签：小程序 js

于 2022-04-09 16:04:34 首次发布

本文链接：https://blog.csdn.net/Lty965/article/details/124062411

版权

本文介绍了在小程序中处理多级路由返回的两种场景。场景1利用my.navigateBack API实现在D页面点击左上返回箭头直接返回A页面而不重新渲染。场景2通过在C页面设置缓存，并监听右滑手势，在D页面onShow时检查缓存，根据条件使用my.redirectTo跳转至D页面，确保右滑返回能直接到达A页面，同时注意清除缓存以防止意外跳转。

摘要由CSDN通过智能技术生成

四个页面执行顺序,A页面->B页面->C页面->D页面

场景1:

在D页面点击左上返回箭头使其返回到A页面,且不重新渲染
- 解决方法:
- my.navigateBack,关闭当前页面，返回上一级或多级页面的 API

场景2:

在D页面右滑手势返回使其返回到A页面,且不重新渲染
- 由于无法捕获右滑手势,需要自行去修改页面堆栈情况
- 解决方法:
  - C页面->D页面事件中改为C页面->B页面并做缓存(my.setStorage),并把需要带给D页面的参数存下来,外带一个flag退回到B页面 (my.navigateBack),onShow中读取缓存(