微信小程序页面跳转目前有以下方法（不全面的欢迎补充）：

1. 利用小程序提供的 API 跳转：

// 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，但是 redirectTo 
wx.navigateTo({
  url: 'page/home/home?user_id=111'
})


// 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
wx.navigateTo({
  url: 'page/home/home?user_id=111'　　// 页面 A
})
wx.navigateTo({
  url: 'page/detail/detail?product_id=222'　　// 页面 B
})
// 跳转到页面 A
wx.navigateBack({
  delta: 2
})


// 关闭当前页面，跳转到应用内的某个页面。
wx.redirectTo({
  url: 'page/home/home?user_id=111'
})


// 跳转到tabBar页面（在app.json中注册过的tabBar页面），同时关闭其他非tabBar页面。
wx.switchTab({
  url: 'page/index/index'
})


// 关闭所有页面，打开到应用内的某个页面。
wx.reLanch({
  url: 'page/home/home?user_id=111'
})

2. wxml 页面组件跳转（可以通过设置open-type属性指明页面跳转方式）：

// navigator 组件默认的 open-type 为 navigate 
<navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>

// redirect 对应 API 中的 wx.redirect 方法
<navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>

// switchTab 对应 API 中的 wx.switchTab 方法
<navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>

// reLanch 对应 API 中的 wx.reLanch 方法
<navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">关闭所有页面，打开到应用内的某个页面</navigator>

// navigateBack 对应 API 中的 wx.navigateBack 方法
<navigator url="/page/index/index" open-type="navigateBack" hover-class="other-navigator-hover">关闭当前页面，返回上一级页面或多级页面</navigator>

<view class="itemWeight" catchtap="jumpToOverMissionList">
// 在js代码中写：其中，url是跳转的相对路径，？问号后面加的是参数，以key－value的方式，这里传了个value为2的参数过去 

jumpToOverMissionList:function(){ 
    wx.navigateTo({
        url:"mission/missionList/missionList?type=2" 
    }); 
},

3、跳转页面技巧（经验交流）

微信小程序某个页面直接返回首页（即微信小程序回退到首页）
打开小程序后，到三级页面后点击左上角的返回按钮，能够直接返回到首页
 
正常 A -> B -> C 都是通过 wx.navigateTo 跳转的，所以 wx.navigateBack 只能返回上一界面，如果要返回到A 界面就会出现 C -> B -> A 的效果。
如果想实现 A -> B -> C 当 C 点击返回时， 实现直接 C -> A 这种效果， 就只能A -> B 通过 wx.navigateTo 跳转，B -> C 通过 wx.redirectTo 跳转，跳转触发后 B 页面就会被销毁， C 页面再返回 wx.navigateBack 就会直接到 A 了。

例如：
第一个页面采用navigateTo， 

wx.navigateTo({
    url: '/pages/logs/logs',
})

在第二个页面中使用redirectTo。

wx.redirectTo({
    url: '/pages/test/test',
})

这里是重点：在第三个页面点击回退时，会直接回到第一个页面。

wx.redirectTo()跳转到新页面之后，会自动销毁上一个页面，在新页面点击返回按钮时，会直接回到上上一个页面

这是相当于在这个回退过程中直接销毁第二个页面 

小程序官方文档

我们有两种方式实现小程序的页面跳转：用js的方式实现和用navigator组件的方式

1、wx.navigateTo(有返回键，不可以跳转到tabBar页面)

	//保留当前页面，跳转到应用内的某个页面
wx.navigateTo({
  url: '/pages/detail/detail?id=1'
})

2、wx.switchTab (没有返回键，只能跳转到tabBar页面，不可以携带参数)

wx.switchTab({  
      url: `/pages/detail/detail`,
    })

3、wx.reLaunch(跳转任意页面，没有返回键 ，有首页按钮)

 wx.reLaunch({
      url: '/pages/detail/detail'
    })

4、wx.redirectTo(关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面)

wx.redirectTo({
   url: `/pages/detail/detail`,
})

5、wx.navigateBack(关闭当前页面，返回上一页面或多级页面，data值为1，表示跳转上一页，2表示跳两级)

wx.navigateBack({
       delta:1
    })

区别：

1wx.navigateTo是开启一个新页面，那个页面是隐藏了，原页面是onHide,所以是可以返回的，但是返回之后，跳转的页面就unload了

2、wx.redirectTo是当前页面替换成新的页面，所以返回不去onunload(页面被销毁)

3、tabBar无论跳那个页面都是onHide

传参注意：

跳转页面传递数组参数必须序列化

 let  arr=[1,2,3,4,5]
      category = JSON.stringify(arr)        //取子集分类 数组传递需要序列化
     wx.navigateTo({
         url: `/pages/detail/detail/?cate= ${category} `,
        })

onLoad: function (options) {
  let   category = JSON.parse(options.cate);
 console.log(category)
}

参数值过长接受时候内容不全的问题

//传参
wx.navigateTo({//wx.redirectTo、wx.reLaunch
    url: '/pages/details/details?id=' + encodeURIComponent(id)
    })

//接收
onLoad(options) {
    var id = decodeURIComponent(options.id);
}

二、navigator组件实现
小程序官方文档

1. <navigator url = "/pages/details/details">跳转到新页面</navigator>

2. <navigator url = "/pages/details/details" open-type = "redirect">跳转到新页面</navigator>
   对应 wx.redirectTo 的功能

3. <navigator url = "/pages/details/details" open-type = "switchTab">跳转到新页面</navigator>
   对应 wx.switchTab 的功能

4. <navigator url = "/pages/details/details" open-type = "reLaunch">跳转到新页面</navigator>
   对应 wx.reLaunch 的功能

5. <navigator url = "/pages/details/details" open-type = "navigateBack">跳转到新页面</navigator>
   对应 wx.navigateBack 的功能

前几天一个月薪35k的兄弟，给我推了一个人工智能学习网站，看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有，很详细，分享给大家。大家及时保存，说不定啥时候就没了。

微信小程序页面跳转如何传递对象参数

1、使用data-名字 = 要传的值

myshop.wxml

<van-grid-item
          use-slot 
          bind:click="hClickDetails"
          wx:for="{{ shopList }}" 
          data-nowdata="{{item}}"
          wx:key="index">
            <image
            class="imgShop"
            mode='aspectFill' 
            src="{{item.lbtImg[0]}}"
            />
            <view class="textContent">
              <text class="titleShop">{{ item.shopTitle }} \n</text>
              <text class="priceShop">{{ item.integral }}积分</text>
              <van-icon class="iconShopThree" name="ellipsis" />
            </view>
          </van-grid-item>

2、绑定点击事件，e.currentTarget.dataset.名字就是你刚点击内容的所有数据，将这个数据转成JSON字符串拼上去

myshop.js

// 点击商品进入详情页
  hClickDetails(e){
    // 被点击商品的信息
    var nowdata = e.currentTarget.dataset.nowdata
    //将对象转为string
    var queryBean = JSON.stringify(nowdata)

    wx.navigateTo({
      url:'../../shop/details/details?queryBean=' + queryBean,  
    })
  },

3、通过JSON.paras再转成对象使用

details.js

onLoad: function (options) {
    var queryBean = JSON.parse(options.queryBean)
    this.setData({
      detailsData: queryBean
    })
    console.log(this.data.detailsData);
  },