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

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

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

二、利用小程序的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() 返回到上一个页面，这样就能比较好的解决我的那个问题了。

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

微信小程序：页面跳转时传递数据到另一个页面
一.功能描述页面跳转时,同时把当前页面的数据传递给跳转的目标页面,并在跳转后的目标页面进行展示二.功能实现 1. 代码实现 test1页面 // pages/test1/test1.js Page ...
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享. 但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的 ...
微信小程序开发-页面跳转传递参数
微信小程序开发-页面跳转传递参数页面跳转有四种方式,分别为wx.navigateTo.wx.redirectTo.wx.reLaunch.wx.switchTab,前面三种可通过url路径携带参数实 ...
微信小程序--简单页面跳转
微信小程序--简单页面跳转例如:点击一个text ,跳转入一个新的页面blueberry.wxml 首先对text 设置监听事件 <view bindtap="toast" ...
微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本教程前面三篇文章: 微信 ...
跳一跳微信小程序中的跳一跳相信大家都玩过。emmm？？？只学习不玩游戏？那就吃亏了...好好读题理解吧简化后的跳一跳规则如下：玩家每次从当前方块跳到下一个方块，如果没有跳到下一个方块上则游
3 跳一跳微信小程序中的跳一跳相信大家都玩过.emmm???只学习不玩游戏?那就吃亏了-好好读题理解吧. 简化后的跳一跳规则如下:玩家每次从当前方块跳到下一个方块,如果没有跳到下一个方块上则游戏结束 ...
微信小程序开发系列七：微信小程序的页面跳转
微信小程序开发系列教程微信小程序开发系列一:微信小程序的申请和开发环境的搭建微信小程序开发系列二:微信小程序的视图设计微信小程序开发系列三:微信小程序的调试方法微信小程序开发系列四:微信小程序 ...
参数携带跳转_微信小程序：页面跳转及参数传递
本文首发自个人自有博客:[FaxMiao个人博客],一个关注Web前端开发技术.关注用户体验.记录前端点滴,坚持更多原创,为大家提供高质量技术博文! 前言小程序的跳转方法有很多种,有的人一直只用wx ...
微信小程序开发-页面跳转的几种方式
最近在做微信小程序,碰到页面跳转的问题,总结一下页面之间跳转的方式一.wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个 ...

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

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

最新文章

热门文章