微信小程序解决用户左滑右滑返回(利用onUnload以及navigateBack)

最新推荐文章于 2025-03-03 16:10:55 发布

KyleZhou_

最新推荐文章于 2025-03-03 16:10:55 发布

阅读量6.5k

点赞数

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/weixin_38949279/article/details/121794879

版权

微信小程序专栏收录该内容

2 篇文章

订阅专栏

这篇博客详细介绍了在uni-app中实现页面从A到D的跳转流程，并着重讲解了在pageC如何根据store中的数据判断是否回退到pageA或pageB。在pageB跳转到pageC时添加特定flag，然后在pageC的onLoad事件中接收并进行判断。当满足特定条件（即mode为特定值且store中相关数据为空）时，在onUnload中使用uni.navigateBack()方法回退两个页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.需求： A页面--->B页面--->C页面--->D页面，C页面根据store中数据的情况，判断返回pageA or page B

pageB跳转到pageC时加flag

 uni.navigateTo({
            url: `/????/????/?????mode=${'????'}`,
          })

pageC接收并加判断条件

    data() {
      return {
        ???: '',
      }
    },    

    onLoad(options) {
      const { mode } = options
      this.???= mode
    },

    onUnload() {
      if (
        this.???=== '???' &&
        this.???(???.???.???).length === 0
      ) {
        uni.navigateBack({
          delta: 2,
        })
      }
    },