微信小程序开发之页面跳转及传参

最近在找工作的过程中，发现企业都要求掌握小程序开发。于是，利用闲余时间就研究了一下，鉴于之前有用vue-cli开发过webapp，因此，学起小程序来是相对比较轻松愉快的。

在小程序开发中，使用navigator标签来实现页面跳转，url使用的是相对路径。如下：

<navigator url="../detail/detail">点击跳转到详情页</navigator>

如果要跳转到某个导航标签页，则需要加open-type="switchTab"属性。如下：

<navigator url="../news/news" open-type="switchTab">点击跳转到导航标签页</navigator>

接下来是传参问题，在url后面以?的形式写上参数即可，多个参数用&连接。如下：

<navigator url="../detail/detail?name=cys&age=23">点击跳转到详情页</navigator>

最后在被打开页面利用options参数来获取传递的数据。

Page({
  data:{},
  // 生命周期
  onLoad:function (options){
    console.log(options.name);
    console.log(options.age);
  }
})