微信小程序开发：学习笔记[8]——页面跳转及传参

页面跳转

　　一个小程序拥有多个页面，我们可以通过wx.navigateTo推入一个新的页面。在首页使用2次wx.navigateTo后，页面层级会有三层，我们把这样的一个页面层级称为页面栈。

　　后续为了表述方便，我们采用这样的方式进行描述页面栈：[ pageA, pageB, pageC ]，其中pageA在最底下，pageC在最顶上，也就是用户所看到的界面，需要注意在本书编写的时候，小程序宿主环境限制了这个页面栈的最大层级为10层，也就是当页面栈到达10层之后就没有办法再推入新的页面了。我们下面来通过上边这个页面栈描述以下几个和导航相关的API。

使用 wx.navigateTo({ url: 'pageD' }) 可以往当前页面栈多推入一个 pageD，此时页面栈变成 [ pageA, pageB, pageC, pageD ]。
使用 wx.navigateBack() 可以退出当前页面栈的最顶上页面，此时页面栈变成 [ pageA, pageB, pageC ]。
使用wx.redirectTo({ url: 'pageE' }) 是替换当前页变成pageE，此时页面栈变成 [ pageA, pageB, pageE ]，当页面栈到达10层没法再新增的时候，往往就是使用redirectTo这个API进行页面跳转。

　　如果要跳转的位置是否位于TabBar中，如果是的话，要使用wx.switchTab 来跳转界面：

页面传参

第一步：调用Navigator进行页面跳转时携带参数

第二步：在新页面接受参数

第三步：在新页面显示参数

转载于:https://www.cnblogs.com/MrSaver/p/9124279.html

微信小程序开发：学习笔记[8]——页面跳转及传参相关推荐

微信小程序开发学习笔记一
微信小程序学习笔记(一) 环境使用及创建项目文件目录设置 JS文件环境使用及创建项目环境使用:微信开发者工具一个微信号只能开发一个微信小程序. 在微信小程序开发手册下载最新版本,学习不要bet ...
基于有Vue基础的微信小程序开发学习笔记
微信小程序开发文章目录微信小程序开发一.微信小程序介绍二.小程序结构目录 1.小程序的文件结构 2.基本项目目录三.配置文件详解 1.全局配置文件 2.页面配置文件 3.sitemap配置 ...
Python+微信小程序开发（四）页面跳转和获取用户信息
上一篇已经介绍了如何搭建一个自己的静态页面,接下来则涉及到一些用户信息获取与跳转的操作. 一.页面跳转首先新建一个跳转页面,按上篇的操作生成pages/redirect/redirect. 1.对标 ...
微信小程序开发学习笔记007--微信小程序项目01
技术交流QQ群:170933152 今天做项目小程序开发必备基础如何独立开发一个项目豆瓣电影需要的基础: HTML+CSS JavaScript 网络先理解需求-->了解项目流程,项目 ...
微信小程序开发学习笔记004--微信小程序语法结构
今天讲微信小程序的语法结构技术交流QQ群:170933152 数据绑定:把数据声明后显示在页面上渲染:条件渲染,循环渲染模板:某个小需求,模块封装成模板事件:点击一个按钮触发一个事件,发送一个 ...
微信小程序开发学习笔记002--微信小程序框架解密
1.今天内容比较多, 框架解密 • 目录结构 • 配置文件详解 • 逻辑层 • Api简介 ----------------------- 2.打开微信开发工具, 点击添加项目,选择无appid模 ...
微信小程序开发学习笔记001--认识微信小程序,第一个微信小程序
第一天,认识微信小程序,第一个微信小程序 1.什么是微信小程序? 是h5网页嘛?不是微信张小龙说: 小程序是一种不需要下载安装即可使用的应用, 它实现了应用"触手可及"的梦想,用 ...
微信小程序开发学习笔记006--微信小程序组件详解02
技术交流QQ群:170933152 案例7:开关选择器案例8:各种图标案例9:页面跳转案例10:多媒体音视频案例11:嵌入地图案例12:画布:在上面可以画柱状图等等. 今天继续讲组件: 登录 ...
微信小程序开发学习笔记2——安心食疗
一.数据绑定 1.1 渲染层和逻辑层小程序宿主环境我们称微信客户端给小程序所提供的环境为宿主环境.小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能. 小程序开发框架的目标是通过尽可 ...

微信小程序开发：学习笔记[8]——页面跳转及传参

微信小程序开发：学习笔记[8]——页面跳转及传参

页面跳转

页面传参

第一步：调用Navigator进行页面跳转时携带参数

第二步：在新页面接受参数

第三步：在新页面显示参数

微信小程序开发：学习笔记[8]——页面跳转及传参相关推荐

最新文章

热门文章