热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

微信小程序中页面跳转时要始终返回首页的问题

首先,要先说一下项目的需求,我要实现的功能是在首页有一个按钮可以跳转到一个展示的页面,这个展示的页面上下两个部分,上边的部分是可以切换学科种类的,下面的部分可以展示这个学科下的所有

首先,要先说一下项目的需求,我要实现的功能是 在首页有一个按钮可以跳转到一个展示的页面,这个展示的页面上下两个部分,上边的部分是可以切换学科种类的,下面的部分可以展示这个学科下的所有科目,上面切换的部分可以再跳转到另一个页面来选择学科,所以就出现一个问题,当我要频繁的切换学科的时候,我这个展示的页面点击左上角返回的按钮(无论是怎样都要直接返回首页的),是返回上一个页面,并不能直接返回首页,所以就这个问题想了好久,一步步的解决了。

 一、重构小程序的头部,这种方法对我这个项目来说不太合适,在这里就不多说了。

二、利用小程序的unLoad这个生命周期,在这个生命周期中使用重定向,无论是到哪里,在卸载这个页面的时候,都让他跳转到固定的页面


onUnload: function () {
wx.reLaunch({
url: '../home/home'
})
},

 但是这样就会出现很多问题,比如身份丢失,页面在跳转的时候会闪屏,用户体验的效果也是极差的,并不推荐使用这种方法,其实遇到这种问题,最好的方法还是第一种自己配置头部,但是这个在项目开始的时候就完成这个需求,不然等到项目中间再弄就非常的麻烦了

三、利用wx.navigateBack()来实现页面的返回,并不是通过wx.navigateTo,这样就使得这个页面并不在返回跳转的路径中了。.

        但是这样有个问题,我们在跳转页面的时候,往往都是携带参数的,但是wx.navigateBack()是不能直接携带参数的,但是我们可以通过另一种方法直接操作上一个页面的data数据。

var pages = getCurrentPages();
var Page = pages[pages.length - 2];
Page.setData({
currentIndex: e.detail
})
console.log(e.detail)
Page.clickCards(e.detail)
//默认返回上一页
wx.navigateBack()

通过上述的代码,我们首先通过  getCurrentPages() 这个方法获取到页面栈,然后通过页面栈获取到上一个页面,然后可以直接嗲用上一个页面的方法,改变上一个页面的值,然后再通过navigateBack() 返回到上一个页面,这样就能比较好的解决我的那个问题了。

 

 

 

 

 

 

 

 

 

 

 

 

 

 


推荐阅读
  • layui表格分页不生效怎么办
    web前端|Layui教程layuiweb前端-Layui教程小程序实例源码,ubuntuip切换,tomcat默认端改为80,爬虫完整源码,微信小程序php接口,seo专业培训班 ... [详细]
  • 微信小程序地图实现展示线路的方法
    这篇文章将为大家详细讲解有关微信小程序地图实现展示线路的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所 ... [详细]
  • 微信小程序实现简易计算器功能_javascript技巧
    这篇文章主要为大家详细介绍了微信小程序实现简易计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的 ... [详细]
  • 微信小程序实现星级评分与展示
    这篇文章主要为大家详细介绍了微信小程序实现星级评分与展示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的 ... [详细]
  • 今天就跟大家聊聊有关怎么在微信小程序中监听全局变量,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇 ... [详细]
  • 微信小程序自定义组件与页面的相互传参
    这篇文章主要为大家介绍了微信小程序自定义组件与页面的相互传参过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家 ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 本文介绍了在wepy中运用小顺序页面受权的计划,包含了用户点击作废后的从新受权计划。 ... [详细]
  • 小程序获取用户信息按钮返回中文地址
    1.我是根据官方文档中描述去写的按钮 可以看到button中加了zh_CNopen-typegetUserInfobindgetuserinfogetU ... [详细]
  • 本文讨论了编写可保护的代码的重要性,包括提高代码的可读性、可调试性和直观性。同时介绍了优化代码的方法,如代码格式化、解释函数和提炼函数等。还提到了一些常见的坏代码味道,如不规范的命名、重复代码、过长的函数和参数列表等。最后,介绍了如何处理数据泥团和进行函数重构,以提高代码质量和可维护性。 ... [详细]
  • 微信小程序导航跟随的实现方法
    本文介绍了在微信小程序中实现导航跟随的方法。通过设置导航的position属性和绑定滚动事件,可以实现页面向下滚动到导航位置时,导航固定在页面最上方;页面向上滚动到导航位置时,导航恢复到原始位置;点击导航可以平滑跳转到相应位置。代码示例也给出了具体实现方法。 ... [详细]
  • 起因由于我录制过一个小程序的课程,里面有消息模板的讲解。最近有几位同学反馈官方要取消消息模板,使用订阅消息。为了方便大家容易学 PythonFlask构建微信小程序订餐系统 课程。 ... [详细]
  • 微信小程序学习笔记-3-问题
    一些在开发微信小程序中常见的问题页面渲染  微信小程序中规定所有页面上渲染出来的数据,包括文字和图片皆包含在在每个页面文件夹中的js文件中的page这个内置函数的参数data中, ... [详细]
  • 微信小程序如何实现列表的横向滑动
    小编这次要给大家分享的是微信小程序如何实现列表的横向滑动,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所 ... [详细]
  • 微信小程序开发中常见的问题有哪些及怎么解决
    这篇文章主要介绍“微信小程序开发中常见的问题有哪些及怎么解决”,在日常操作中,相信很多人在微信小程序开发中常见的问题有哪些及怎么解决问题 ... [详细]
author-avatar
潘景洪Phant_255
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有