小程序23-页面的跳转：navigation 组件详解

小程序中，如果需要进行跳转，需要使用 navigation 组件，常用属性：

1.url ：当前小程序内的跳转链接

2.open-type：跳转方式

• navigate：保留当前页面，跳转应用内的某个页面，但不能跳转到 tabbar 页面
• redirect：关闭当前页面，跳转应用内的某个页面，但不能跳转到 tabbar 页面
• switchTab：跳转 tabBar 页面，并关闭其他所有非 tabBar 页面
• reLaunch：关闭所有页面，打开到应用内的某个页面
• navigateBack：关闭当前页面，返回上一页面或多级页面

tabbar页面指底部导航页面

注意事项：

1.路径后可以带参数，参数与路径之间使用 ？分割，参数键与参数值用 = 相连，不同参数用 & 分隔

例如：/list?id=10&name=hua，在onLoad(options) 生命周期函数 中获取传递的参数

2.open-type="switchTab"时不支持穿参

可以复制代码尝试不同的属性和需要跳转的页面

<navigator url="/pages/list/list" open-type="switchTab">到商品列表页</navigator>