微信小程序左上角home图标的解决方法之一 层级混乱导致的home图标显示的问题 自定义左上角左侧图标的返回路径

这个项目的编辑页在tabbar上 导致跳到tabbar得使用wx.switchTab 保存后返回原来的页面就出现了左上角的home图标

本来想通过自定义home图标的跳转路径来解决这个问题 没想到居然找不到相关内容 有清楚的朋友麻烦给我留个言不胜感激 那我写一下我的骚操作

javascript 复制代码
  app.js 
  globalData: {
    prevUrl: '',//上一个跳过到观察记录的页面地址是什么 保存的时候要跳转回去
  }
  用全局变量保存跳转的路径 观察记录保存后跳转回去

  当前页面的js  
  toDetail(e){ //得用switch跳转明天改
    // console.log(e)
    // console.log(e.currentTarget.dataset.id)
    app.globalData.recordId = e.currentTarget.dataset.id//必须要保留的-这个跟剧情无关只是留着
    app.globalData.isRecordEdit = true//必须要保留的-这个跟剧情无关只是留着
    app.globalData.prevUrl = 'pages/activitydetail/activitydetail?id='+this.data.id //必须要保留的
    wx.switchTab({
      url: '../record/record',
    })
  },

这就是观察记录页面 该页面也是一级菜单

javascript 复制代码
       
       if(app.globalData.prevUrl){       
          活动详情跳转过来的情况   
          let oparams = app.globalData.prevUrl.split('?')
          //console.log(oparams)
          if(oparams[0] == 'pages/activitydetail/activitydetail'){
            wx.navigateTo({ 
                这里得用navigateTo 如果用reLaunch跳到主题活动详情 主题活动详情的左上角就会出现home图标 而我要的是左侧图标 返回的是主题活动的列表页
              url: '../activitydetail/activitydetail?' + oparams[1],
            });
          }
        }
javascript 复制代码
主题活动详情页 添加左上角左箭头icon监听
  onUnload: function () {
    let prevPage = getCurrentPages()[getCurrentPages().length - 2].route;
    //console.log(prevPage == 'pages/record/record')
    //pages/record/record 就是观察记录页面的地址 如果是上一页是pages/record/record 则返回的是主题活动的列表 必须加这个判断 否则怎么点都会返回主题活动的列表页 没法跳转到观察记录页面
    if(prevPage == 'pages/record/record'){
      wx.switchTab({
        url: '../activity/activity',
      })
    }    
  },

点击别的一级菜单的时候 要清掉app.globalData.prevUrl

app.globalData.prevUrl = '' 即可

自己瞎折腾的一个方法 仅供参考

相关推荐
省钱兄--zs6 小时前
北京24小时自助健身房系统软件开发实战:从架构设计到部署指南
java·数据仓库·spring boot·小程序·需求分析
Ai-_Man9 小时前
您您这可以把Grok的多个会话比如说。左侧的多个会话一次性导出吗?不是单条会话里面的多次会对话。AI导出鸭
javascript·人工智能·ai·小程序·电脑
光影少年11 小时前
Taro 是如何解析入口配置 app.config.ts 和页面配置的?
微信小程序·小程序·typescript·reactjs·百度小程序·taro
用户7884773163413 小时前
门店核销闭环:小程序扫码 + .NET 幂等接口 + WPF 看板,一天能跑通
微信小程序·c#
DS小龙哥16 小时前
从呼吸心率到离床报警:60G雷达睡眠仪全栈开发实录(硬件+MQTT+小程序)DIY一台全功能睡眠监护仪
stm32·单片机·嵌入式硬件·物联网·小程序·智能家居
扶风ff19 小时前
练题簿在线免费刷题:刷题、背题、错题复习,一个小程序安排日常备考
学习·小程序
扶风ff19 小时前
练题簿在线免费刷题:共享题库、学习任务、在线考试,岗位培训更方便
学习·小程序
愚公搬代码20 小时前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》014-莫凡商城小程序项目视图容器组件的应用
微信小程序·小程序·ai编程
星光开发者1 天前
基于决策树随机森林算法的小说推荐系统的设计与实现-计算机毕设【课程设计】78485
vue.js·算法·微信小程序·django·php·课程设计·express
程xu袁1 天前
只有一段副歌,AI写歌选小程序、Suno还是海绵音乐?
小程序·suno·ai音乐·ai音乐工具·ai生成音乐·ai写歌工具