小程序开发基础11–navigator页面跳转，小程序跳转

1.认识两种页面跳转方式

我们在小程序里做页面跳转有两种方式

• 1，借助navigator组件

• 2，借助wx.自带方法，在点击的时候做页面跳转

  如下图所示的几个wx.方法

官网给出的路由解释

2. navigator 组件实现页面跳转

navigator其实和我们html里的a标签有点像，也是为了实现页面跳转的。

官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

我们想用navigator来跳转到别的页面，其实很简单，只需要如上图所示，做简单配置即可。

当然了我们使用navigator来跳转页面时，分下面几种情况。当然这些跳转方式都是通过配置open-type属性来定义的。

下面我把一些常用的open-type属性列出来给大家，方便大家以后使用。

如我们使用navigate做页面跳转，只写个url属性，open-type的值默认就是navigate

这样我们跳转到新页面后，会有一个返回按钮。我们可以通过这个返回按钮返回上一个页面。

3. 点击事件结合wx方法实现页面跳转

我们做页面跳转除了使用navigate组件外，还可以通过点击事件借助wx方法实现页面跳转

我这里给大家举个简单的例子

• 在wxml里设置点击事件

  

• 然后再js里设置点击后跳转页面

  

4.通过appId链接并访问别的小程序

其实我们可以在自己的小程序里通过navigateTo打开别的小程序的，只不过有自己特定的方法：wx.navigateToMiniProgram

对应的官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

其实我们只需要拿到别的小程序的appid就可以实现这个功能了，

5. 页面跳转携带数据（以多个参数为例）

• 在页面跳转时将多个参数加在url地址中，传输到子页面中

  

• 在子页面中，通过访问onLoad函数的属性来获取到传输过来的数据