微信小程序怎样跳转页面？

在微信小程序中，页面跳转通常使用 wx.navigateTo、wx.redirectTo、wx.switchTab、wx.navigateBack 以及 wx.reLaunch 等API。这些API提供了不同的页面跳转方式，适用于不同的场景。

以下是这些API的详细代码示例和说明：

1.wx.navigateTo（保留当前页面，跳转到应用内的某个页面）

wx.navigateTo({
  url: '/pages/detail/detail?id=1' // 跳转的页面路径，可带参数
})

2.wx.redirectTo（关闭当前页面，跳转到应用内的某个页面）

wx.redirectTo({
  url: '/pages/detail/detail?id=1' // 跳转的页面路径，可带参数
})

3.wx.switchTab（跳转到 tabBar 页面，并关闭其他非 tabBar 页面）

wx.switchTab({
  url: '/pages/index/index' // 跳转的页面路径，必须是tabBar中定义的页面
})

4.wx.navigateBack（关闭当前页面，返回上一页面或多级页面）

// 返回上一页面
wx.navigateBack({
  delta: 1 // 返回的页面数，如果 delta 大于现有页面数，则返回到首页
})

5.wx.reLaunch（关闭所有页面，打开到应用内的某个页面）

wx.reLaunch({
  url: '/pages/detail/detail?id=1' // 跳转的页面路径，可带参数
})

 

在页面中添加跳转按钮

如果你希望在页面的某个按钮上添加跳转功能，你可以在对应的 .wxml 文件中添加按钮，并在 .js 文件中绑定点击事件。

例如：

.wxml 文件

<button bindtap="navigateToDetail">跳转到详情页</button>

.js 文件

Page({
  navigateToDetail: function() {
    wx.navigateTo({
      url: '/pages/detail/detail?id=1'
    })
  }
})

 以上就是在微信小程序中实现页面跳转的方法。你可以根据自己的需求选择合适的API进行页面跳转。