微信小程序-通过<navigator>标签实现页面的跳转

1、界面结构：

 2、从demo1界面跳转到demo2界面，并传递两个参数：name和age，demo1源码如下：

<!-- 跳转：带参数 -->
<navigator url="../demo2/demo2?name={{name}}&age={{age}}">带参数的页面跳转</navigator>

Page({
  data:{
    name:'热巴',
    age:26
  },
...
})

3、在demo2中打印传递过来的参数，demo2源码如下：

Page({
  data:{
    name:'',
    age:0
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    console.log(options);
    this.setData({
      name: options.name,
      age: options.age
    });
  }
})

console输出结果：

传递到demo2界面上展示：

<view>name:{{name}}</view>
<view>age:{{age}}</view>