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

news2024/11/21 2:35:24

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

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

  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',
    })
  },

 

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

 

       
       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],
            });
          }
        }
主题活动详情页 添加左上角左箭头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 = '' 即可

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/945436.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

移动端和PC端对比【组件库+调试vconsole +单位postcss-pxtorem+构建vite/webpack+可视化echarts/antv】

目录 组件库 移动端 vue vant PC端 react antd vue element 调试:vconsole vs dev tools中的控制台(Console) ​​​​​​​vconsole:在真机上调试 postcss-pxtorem:移动端不同的像素密度 构建工具 web…

基于变色龙算法优化的BP神经网络(预测应用) - 附代码

基于变色龙算法优化的BP神经网络(预测应用) - 附代码 文章目录 基于变色龙算法优化的BP神经网络(预测应用) - 附代码1.数据介绍2.变色龙优化BP神经网络2.1 BP神经网络参数设置2.2 变色龙算法应用 4.测试结果:5.Matlab代…

JVM运行时参数查看

常用命令查找文档站点:https://docs.oracle.com/javase/8/docs/technotes/tools/unix/index.html -XX:PrintFlagsInitial 输出所有参数的名称和默认值,默认不包括Diagnostic和Experimental的参数。可以配合 -XX:UnlockDiagnosticVMOptions和-XX:UnlockEx…

选择结构(个人学习笔记黑马学习)

if语句 单行if语句 用户输入分数&#xff0c;如果分数大于600&#xff0c;视为考上一本大学&#xff0c;在屏幕上输出 #include <iostream> using namespace std;int main() {int score 0;cout << "请用户输入分数" << endl;cin >> score;c…

three.js(五):canvas 的响应式布局

1-canvas 的响应式布局 canvas 画布的尺寸有两种&#xff1a; 像素尺寸&#xff0c;即canvas画布在高度和宽度上有多少个像素&#xff0c;默认是300*150css 尺寸&#xff0c;即css 里的width和height 在web前端&#xff0c;dom元素的响应式布局一般是通过css 实现的。而canvas…

CocosCreator3.8研究笔记(一)windows环境安装配置

一、安装Cocos 编辑器 &#xff08;1&#xff09;、下载Cocos Dashboard安装文件 Cocos 官方网站Cocos Dashboard下载地址 &#xff1a; https://www.cocos.com/creator-download9下载完成后会得到CocosDashboard-v2.0.1-win-082215.exe 安装文件&#xff0c;双击安装即可。 …

gitlab-runner安装和部署项目

目录 1.安装gitlab-runner 1.1 添加官方仓库 1.2.1 安装最新版本 1.2.2 安装指定版本&#xff08;可选&#xff09; 1.2.3 更新runner&#xff08;可选&#xff09; 1.3 随便点开gitlab上的一个项目 1.4 gitlab-runner的注册 2.配置gitlab-runner 3.runner一些命令 gi…

【Three.js + Vue 构建三维地球-Part One】

Three.js Vue 构建三维地球-Part One Vue 初始化部分Vue-cli 安装初始化 Vue 项目调整目录结构 Three.js 简介Three.js 安装与开始使用 实习的第一个任务是完成一个三维地球的首屏搭建&#xff0c;看了很多的案例&#xff0c;也尝试了用 Echarts 3D地球的模型进行构建&#xf…

盲盒小程序开发必修技能

盲盒小程序怎么开发&#xff1f;实用教程分享 如何制作一个盲盒小程序以进行线上销售 一、注册并登录【乔拓云】账号&#xff0c;进入操作后台 首先&#xff0c;您需要注册并登录到您的【乔拓云】账号&#xff0c;进入操作后台。在那里&#xff0c;您将找到并点击“商城”中的“…

C语言每日一练------Day(5)

本专栏为c语言练习专栏&#xff0c;适合刚刚学完c语言的初学者。本专栏每天会不定时更新&#xff0c;通过每天练习&#xff0c;进一步对c语言的重难点知识进行更深入的学习。 今日练习题关键字&#xff1a;错误的集合 密码检查 &#x1f493;博主csdn个人主页&#xff1a;小小u…

ChatGPT的局限性及商业化应用限制讨论

首先&#xff0c;ChatGPT仅使用公开可用的信息&#xff0c;这是其第一个局限。如果基础信息缺失、过时、模糊或过于泛化&#xff0c;AI生成的内容就将不会准确。 只有在使用企业内部专有信息和知识创建特定的GPT时&#xff0c;才会出现真正的商业化解决方案。但对企业而言&…

驱动 - 20230829

练习 基于platform实现 在根节点下&#xff0c;增加设备树 myplatform {compatible"hqyj,myplatform";interrupts-extended<&gpiof 9 0>, <&gpiof 7 0>, <&gpiof 8 0>;led1-gpio<&gpioe 10 0>;reg<0x12345678 59>;}…

windows环境下QuestaSim软件的使用

文章目录 前言一、QuestaSim使用方法1、编译vlog2、映射vmap3、仿真vism4、ifndef和define&#xff08;常用&#xff09;5、QuestaSim的仿真界面6、完整QuestaSim仿真——TCL脚本 前言 2023.8.29 一、QuestaSim使用方法 1、编译vlog vlog&#xff1a;questasim的编译命令 -s…

利用逻辑回归判断病人肺部是否发生病变

大家好&#xff0c;我是带我去滑雪&#xff01; 判断肺部是否发生病变可以及早发现疾病、指导治疗和监测疾病进展&#xff0c;以及预防和促进肺部健康&#xff0c;定期进行肺部评估和检查对于保护肺健康、预防疾病和提高生活质量至关重要。本期将利用相关医学临床数据结合逻辑回…

【科研论文配图绘制】task6直方图绘制

【科研论文配图绘制】task6直方图绘制 task6 主要掌握直方图的绘制技巧&#xff0c;了解直方图含义&#xff0c;清楚统计指标的添加方式 1.直方图 直方图是一种用于表示数据分布和离散情况的统计图形&#xff0c;它的外观和柱形图相近&#xff0c;但它所 表达的含义和柱形图…

Elasticsearch 面试题

Elasticsearch 面试题 1.为什么要使用 Elasticsearch? 系统中的数据&#xff0c;随着业务的发展&#xff0c;时间的推移&#xff0c;将会非常多&#xff0c;而业务中往往采用模糊查询进行数据的搜索&#xff0c;而模糊查询会导致查询引擎放弃索引&#xff0c;导致系统查询数…

python 半正矢公式计算两GPS坐标距离

如题&#xff0c;直接上代码吧&#xff0c;需要的拿走。 # haversine公式计算两经纬度点距离 import math import os from DebugInfo.DebugInfo import *_earthR: int 6371393class __距离类:__m: floatdef __init__(self,m: float 0):self.__m mpropertydef km(self) ->…

【第四阶段】kotlin语言的set集合

1.set集合定义&#xff0c;不允许重复元素打印 package Stage4fun main() {//set集合定义&#xff0c;不允许重复元素打印// val set : Set<String> setOf<String>("java","kotlin","c","java","c")val set s…

C语言_分支和循环语句(2)

文章目录 前言一、for 循环1.1语法1.2 for 语句的循环控制变量1.3 一些 for 循环的变种 二、do ... while()循环2.1 do 语句的语法2.2 do ... while 循环中的 break 和 continue2.3 练习1 **- 计算n的阶乘**2. - **在一个有序数组中查找具体的某个数字 n** 二分查找算法&#x…

BES A2DP音乐与HFP通话默认音量配置

我V hezkz17进数字音频系统研究开发交流答疑群(课题组) 1 2