微信小程序12 跳转，跳转时传参

我们正常操作的话，肯定有很多页面之间的跳转，在微信小程序中

navigator ，跳转效果类似 html中的 a 标签

<navigator url="/pages/index/index">跳转到index</navigator>

注意参数url指向要跳转的页面，本地跳转的话基本就是 /pages/文件夹/文件名 ，没有后缀。

这样点击标签后就会跳转到项目的首页。

如果有参数，可以像a标签这么写

<navigator url="/pages/index/index?message='我是参数'">跳转到index</navigator>

在index中的onload可以接收到参数

注意这个option是默认没有的，需要我们手动写一下。

可以看一下结构，没有之前的什么 .data.xxx或.detail.xxx这种，不熟悉的时候可以输出一下确定了再写。

  onLoad(option) {
    console.log(option);
    this.setData({
      motto: option.message
    })
  }

 

 

Js中用api跳转

很多时候标签式的跳转不能满足需要，这时我们可以在js事件中用api跳转

最常用的就是 

wx.navigateTo

直接改一下index上的内容，加个js方法

 <text class="user-motto" bind:tap="toTest">{{motto}}</text>

js中跳转到test中

  toTest(){
    wx.navigateTo({
      url: '/pages/test/test',
    })
  }

传参和标签式是一样的。