微信小程序 - 常规页面跳转与携带参数跳转

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_20451879/article/details/89634350

目录

• 常规页面跳转
• 携带参数进行页面跳转

常规页面跳转的三种方式

1.wx.navigateTo(OBJECT) → 保留当前页面，跳转到应用内的某个页面

// goto：事件    ../mine/jump：跳转类名
 goto: function() {
    wx.navigateTo({
      url: '../mine/jump'
    })
  }

2.wx.redirectTo(OBJECT) → 左上角没有返回箭头，不能返回上一个页面

// jump：事件    ../mine/Thrned：跳转类名
 jump: function() {
    wx.redirectTo({
      url: '../mine/Thrned'
    })
  }

3.wx.switchTab(OBJECT) → 跳转到一级界面，一般为首页、个人中心等

// jumpTab:function：事件   ../index/index：跳转类名
 jumpTab:function(){
    wx.switchTab(
      {
        url:'../index/index'
      }
    )
 }

4.返回方式

• 如左上角有返回箭头，可通过此处返回上一个页面
• 通用方法 - - ~ 通过 wx.navigateBack 方法，返回上级页面

携带参数进行页面跳转

A页面

 /**
    参数介绍：
	1. ../help/helpcenter 我们要跳转的页面
	2. search=' + webUrl + 'fxioshelp' 这里为一个键值对 search 对应的webUrl + 'fxioshelp'是一个H5链接
	3. '&source=' + 1 多参数传递 使用 & 进行链接 
	*/
 wx.navigateTo({
        url: '../help/helpcenter?search=' + webUrl + 'fxioshelp' + '&source=' + 1,
      })

B页面

/**
  * 生命周期函数--监听页面加载
  * 接收介绍：
  * 1.在onLoad生命周期内进行数据接收
  * 2.通过options用于键内取值，这里我们取的search与source就是我们上级页面传的键名
  */
onLoad: function(options) {
    var that = this.data;
    if (options.search) {
      that.destinationurl = options.search;
      //这里是赋值传过来的H5链接
      this.setData({
        destinationurl: options.search
      })
    } 
    
    if (options.source == 1) {
      wx.setNavigationBarTitle({
        title: '帮助中心'
      })
     }
  },