微信小程序-通过绑定wx.navigate*事件实现页面的跳转

1、在index.wxml页面给按钮绑定事件

<button type="primary" bindtap="navHandle">通过点击事件实现页面跳转</button>

 2、在navHandle（）方法中调用 wx.navigateTo() 设置跳转到的页面，且可以带有参数，

如跳转到b.wxml页面，且把name和age值传递到b页面中

 data: {
    name:"aa",
    age:20
  },

  navHandle(){
    wx.navigateTo({
      url: '../../pages/b/b?name=' + this.data.name + '&age=' + this.data.age,
    })
  }

3、b.js 接收传递的值，在b.wxml  显示结果，如下所示：

 data: {
    name:'',
    age:0
  },

  onLoad: function (options) {
    this.setData({
      name: options.name,
      age: options.age
    })
  },

<text>pages/b/b.wxml</text>
<view>name==={{name}}</view>
<view>age==={{age}}</view>

4、跳转效果展示：

5、页面跳转的几种API小节：

wx.navigateTo() 设置跳转到的页面;

wx.redirectTo() 设置重定向的页面，如下：

wx.redirectTo({
  url: 'test?id=1'
})

wx.navigateBack() 关闭当前页面，返回上一页面或多级页面，如下：

// 此处是A页面
wx.navigateTo({
  url: 'B?id=1'
})

// 此处是B页面
wx.navigateTo({
  url: 'C?id=1'
})

// 在C页面内 navigateBack，将返回A页面
wx.navigateBack({
  delta: 2
})