微信小程序 --- 页面导航

页面导航

页面导航有两种方式

• 声明式导航
• 编程式导航

一、声明式导航

语法：
<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 进行接收参数