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

这篇具有很好参考价值的文章主要介绍了微信小程序左上角home图标的解决方法之一 层级混乱导致的home图标显示的问题 自定义左上角左侧图标的返回路径。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

微信小程序左上角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',
    })
  },

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

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

 

       
       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 = '' 即可

自己瞎折腾的一个方法 仅供参考文章来源地址https://www.toymoban.com/news/detail-680039.html

到了这里,关于微信小程序左上角home图标的解决方法之一 层级混乱导致的home图标显示的问题 自定义左上角左侧图标的返回路径的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序使用webview后点击左上角返回按钮一次性返回小程序

    当我们来到webview标签对应的网页地址的时候,在该页面内进行几次跳转后,发现点击小程序左上角返回按钮返回的是上一次跳转的内容,并没有达到我们返回小程序的需求,而是要一直点,然后才能返回小程序。 我的情况是webview标签放在一个单独的页面下宽高100%占比显示,

    2024年02月05日
    浏览(54)
  • 关于uni-app微信小程序监听顶部左上角的返回事件

    在项目上返回上一级的时候需要清空vuex里的数据,使用了onBackPress无效。 查看官方文档后才发现onBackPress对微信小程序无效。  然后我发现了另一个生命周期——onUnload 完美解决!!!

    2024年02月08日
    浏览(53)
  • h5或uniapp或微信小程序,实现左上角返回到指定页面,侧滑左滑返回指定页面,安卓物理返回键返沪指定页面解决思路的思考

    自定义的左上角返回按钮 方法 安卓物理返回键监听,该方法与生命周期函数同级,也可以尝试放在methods里面。 思路,因为uniapp写的微信小程序用onBackPress监听不到不支持监听安卓物理返回,所以换了个想法,默认认为是安卓物理键或者侧滑左滑返回:如果是我自己的按钮,

    2024年02月04日
    浏览(52)
  • 解决小程序字体在最左上角问题

    问题如下 原因: 出现这种现象的原因是项目默认开启了Skyline渲染模式,因为Skyline渲染模式不支持原生导航栏,所以在json文件中设置的导航栏失效,文字就会向上移动,如果想要使用原生的导航栏,可以将app.json文件中的下图所展示的两个内容去掉,保存后重新编译即可。

    2024年01月22日
    浏览(65)
  • 小程序监听左上角返回事件后处理一些逻辑

    有得时候小程序在点击左上角返回的时候是需要改变一些只或者属性的,但是有监听不到用户点击了返回按钮,除非是自定义一个返回按钮,哎,我找到了一个方法,不多说直接用代码演示 这是A页面的wxml代码 A页面的js代码 接下来就在B页面的onUnload函数里监听点击箭头事件

    2024年02月11日
    浏览(48)
  • 如何解决kali开机后黑屏AND光标一直在左上角

    这个问题整的我很尴尬·····哎,早上起来开机后发现进入不了图形化界面,我的心慌了10秒。随后冷静下来,想了一下昨晚上关机是正常的关机,也不会存在在更新状态下非正常断电情况。整理了一下思路,并没有什么卵用,只能一步步的排错。 一、 首先 开机后出现黑屏

    2024年02月09日
    浏览(67)
  • 彻底解决安装了显卡驱动后,Ubuntu开机无法进入图形化界面、黑屏、左上角光标闪烁问题

    众所周知,Linux 系统的的 GUI 和 NVIDIA 显卡相处得并不是很愉快,驱动安装起来会出各种问题,非常折腾。很多同学在配备 NVIDIA 显卡的 Ubuntu 物理机上安装完显卡驱动后,重启电脑发现进不去图形化界面了。具体表现为系统黑屏,屏幕左上角一直有光标在不断闪烁,出现这种

    2024年02月12日
    浏览(113)
  • PyQt5设计好UI界面后,通过Python文件打开,控件集中在左上角问题解决方案

            在用PyQt5做GUI界面时遇到的一个问题,在QtDesigner预览的界面正常,但是转换成.py文件后show()出来的界面,控件都挤在左上角无法使用。 目录 一、问题 1.QtDesigner预览的界面正常​编辑 2.转换.py文件后通过show()方法,显示异常 二,解决方法 1.在MainWindow = QtWidgets.QM

    2024年02月04日
    浏览(45)
  • Ubuntu22.04开机左上角下划线闪烁不开机

    按下Ctrl+Alt+F2,打开TTY系统,然后通过用户名和密码登录,随后使用 根据提示排除错误信息,然后使用apt安装lightdm安装就行。 tips:当使用EasyConnect的时候,你可能参考了下面这篇文章 知乎文章 https://zhuanlan.zhihu.com/p/346325399 也就是说,你安装了libpango-1.0-0、libpangocairo-1.0-0和l

    2024年01月25日
    浏览(49)
  • css实现卡片的左上角有一个三角形的遮盖效果

    需求: 卡片的左上角有一个绿色的三角形标签,用来区分状态 实现:

    2024年02月14日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包