页面导航
页面导航有两种方式
- 声明式导航
- 编程式导航
一、声明式导航
语法:
<navigator url="" open-type=""> 这是声明式导航</navigator>
此时想要进行页面的跳转,在navigator
标签中,使用url属性(必须以‘/’开头)的同时,必须搭配使用 open-type
属性去实现
导航到tab页面 | 导航到非tab页面 | 导航到上一页面 |
---|---|---|
open-type:switchTab | open-type:navigate (默认值,可以不写) | open-type:navigateBack delta:1 (delta默认为1,可不写) |
二、编程式导航
语法:
在 js 文件里面写一下几种方法:
使用的方法:
导航到tab页面 | 导航到非tab页面 | 导航到上一页面 |
---|---|---|
wx.switchTab(Object Object){} | wx.navigateTo(Object Object){} | wx.navigateBack(Object Object){} |
- 导航到tab页面
- 导航到非tab页面
- 导航后退一步
相关代码:
导航传参
导航传参分为两种:
- 声明式传参
- 导航式传参
一、 声明式导航传参
navigator 组件的 url 属性 用来指定将要跳转的页面路径。同时,路径后面可以携带参数:
- 参数与路径之间 使用 ? 分割
- 参数和参数之间使用 & 分割
- 参数键 与 参数值 使用 = 拼接
接收参数:
在即将要跳转的 js 里面的 onload 里的 options 进行接收参数
二、编程式导航传参
wx.switchTab(Object Object){ url:"和上面传递参数方式一样"}
接收参数:
在即将要跳转的 js 里面的 onload 里的 options 进行接收参数