美文网首页
小程序-页面路由 页面栈

小程序-页面路由 页面栈

作者: 可可布布 | 来源:发表于2019-04-04 17:07 被阅读0次

在学习小程序开发中,经常会用到类似tabbar一样的页面切换 开始没有区分navigatorTo和redirectTo的区别,导致页面跳转几次就会出点点击不了的情况。
其实问题出现在小程序页面栈的控制上,navigator 是跳转到新的页面 redirect是还在原来的页面跳转

image.png
小程序的所有页面路由全部由框架进行管理的
路由方式
对于路由的触发方式
初始化 小程序打开第一个页面
打开新的页面 调用API wx.navigator
使用组件 <navigator open-type="navigatorTo" /> (新页面入栈)
页面重定向 调用API wx.redirectTo
使用组件 <navigator open-type="redirectTo" />(当前页面出栈,新页面入栈)
页面返回 调用API wx.navigateBack
使用组件 <navigator open-type="navigateBack" /> (页面不断出栈,直到目标返回页)
Tab切换 调用API wx.switchTab
使用组件 <navigator open-type="switchTab" /> 用户切换Tab(全部出栈,只留下新的Tab页面)

1、navigateTo, redirectTo 只能打开非 tabBar 页面。
2、switchTab 只能打开 tabBar 页面。
3、reLaunch 可以打开任意页面。
4、页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
5、调用页面路由带的参数可以在目标页面的onLoad中获取。

相关文章

  • 小程序返回上一级时的数据传递

    调用小程序的API: getCurrentPages(),来获取当前页面路由栈的信息,这个路由栈中按照页面的路由顺...

  • 微信小程序之页面路由

    页面路由 在小程序中所有页面的路由全部由框架进行管理。 页面栈 框架以栈的形式维护了当前的所有页面。 当发生路由切...

  • 微信小程序:wx.navigateBack页面返回传参

    通过调用小程序的API: getCurrentPages(),来获取当前页面路由栈的信息,这个路由栈中按照页面的路...

  • 微信小程序____页面路由、模块化、API

    引言 分成三个部分讲解。 一、页面路由 在小程序中所有页面的路由全部由框架进行管理。 页面栈 框架以栈的形式维护了...

  • 小程序-页面路由 页面栈

    在学习小程序开发中,经常会用到类似tabbar一样的页面切换 开始没有区分navigatorTo和redirec...

  • 第七节:页面路由(页面跳转)

    在小程序中所有页面的路由全部由框架进行管理。一:页面栈 框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候...

  • 获取小程序当前路径的函数封装

    小程序获取当前页面在小程序中,所有页面的路由都由框架统一管理。框架以栈的形式维护了当前的所有页面。 getCurr...

  • 10、页面路由

    页面路由由框架进行管理,框架以栈的形式维护了所有的小程序页面 一、路由方式1、初始化2、打开新页面 wx.n...

  • 小程序路由

    页面栈 页面栈保存页面的路由 页面跳转,便把该页面的压入栈 页面重定向,取代栈顶页面 页面返回,页面出栈 Tab切...

  • 小程序项目笔记(一)

    一、路由切换的两种方式 1、wx.navigateTo保留当前页面,跳转到应用内的某个页面(小程序中页面栈最多十层...

网友评论

      本文标题:小程序-页面路由 页面栈

      本文链接:https://www.haomeiwen.com/subject/zokqiqtx.html