微信小程序使用navigator实现页面跳转功能

<navigator url="/pages/code1/navigator/bPage">
  <text>打开B页面</text>
</navigator>

<navigator url="/pages/code1/navigator/bPage" open-type="navigate">
  <text>打开B页面</text>
</navigator>

<view bindtap="openNavigatorBPage" data-index='1'><text>打开B页面</text></view>

  openNavigatorBPage:function (options) {
    //获取绑定的参数
    let id = options.currentTarget.dataset.index;
    wx.navigateTo({
      url: '/pages/code1/navigator/bPage?id='+id,
    })
  },

  onLoad: function (options) {
    let id = options.id;
  },

<!--类似a标签  open-type 跳转方式-->
<navigator url="/pages/code1/navigator/bPage" open-type="redirect">
  <text>打开B页面</text>
</navigator>

 wx.redirectTo({
    url: '/pages/code1/navigator/bPage?id='+id,
  })

<navigator url="/pages/code1/navigator/bPage" open-type="reLaunch">
  <text>打开B页面</text>
</navigator>

 wx.reLaunch({
    url: '/pages/code1/navigator/bPage?id='+id,
  })

<navigator open-type="navigateBack">
  <text>关闭页面</text>
</navigator>

<view bindtap="closeBPage" data-index='1'>
  <text>关闭B页面</text>
</view>

  closeBPage: function () {
    wx.navigateBack()
  },

Page({

  /**
   * 页面的初始数据
   */
  data: {
    param: undefined,
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let param = this.data.param;
    if (param) {
      //有回传参数 处理页面业务逻辑
    }
  },
）；

  //打开B页面
  openNavigatorBPage: function (options) {
    //获取绑定的参数
    let id = options.currentTarget.dataset.index;
    wx.re({
      url: '/pages/code1/navigator/bPage?id=' + id,
    })
  },

closeBPage: function () {
    //getCurrentPages()函数是用来获取当前页面栈的实例，
    //返回的是一个按栈的顺序排列的数组pages_arr,且数组中的第一项为首页，最后一项为当前页。
    //获取当前页面js里面的pages里的所有信息。
    let pages = getCurrentPages();
    //pages[pages.length - 2]是指的上一页，然后获取到上一个页的page对象后直接执行修改param的操作，这样就实现了在B页面修改A页面数据的功能
    let prevPage = pages[pages.length - 2];
    prevPage.setData({
      param: 111, // 设置需要传递的参数

    })
    wx.navigateBack({
      delta: 1
    })
  },