微信小程序页面跳转

微信小程序页面跳转可以通过以下方式实现：

1. 使用 `wx.navigateTo` 方法进行页面跳转，该方法会保留当前页面，跳转到应用内的某个指定页面。

wx.navigateTo({
  url: '/pages/detail/detail?id=123'
})

2. 使用 `wx.redirectTo` 方法进行页面跳转，该方法会关闭当前页面，跳转到应用内的某个指定页面。

wx.redirectTo({
  url: '/pages/detail/detail?id=123'
})

3. 使用 `wx.reLaunch` 方法进行页面跳转，该方法会关闭所有页面，打开应用内的某个指定页面。

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

4. 使用 `wx.switchTab` 方法进行页面跳转，该方法只能跳转到带有 `tabBar` 的页面，并且会关闭所有非 `tabBar` 的页面。

wx.switchTab({
  url: '/pages/index/index'
})

以上四种方法都需要在 `app.json` 文件中配置相应的页面路径。例如：

{
  "pages": [
    "pages/index/index",
    "pages/detail/detail"
  ]
}

相关问题

微信小程序页面跳转案例

以下是微信小程序页面跳转的四种方式的案例：

1. `wx.navigateTo(OBJECT)`：打开新页面，保留当前页面，可以返回到原页面。

// 在当前页面的js文件中
wx.navigateTo({
  url: '/pages/page2/page2' // 跳转到page2页面
})

2. `wx.redirectTo(OBJECT)`：关闭当前页面，打开新页面，无法返回到原页面。

// 在当前页面的js文件中
wx.redirectTo({
  url: '/pages/page2/page2' // 跳转到page2页面
})

3. `wx.switchTab(OBJECT)`：关闭所有页面，打开指定的tabBar页面。

// 在当前页面的js文件中
wx.switchTab({
  url: '/pages/tabBarPage/tabBarPage' // 跳转到tabBarPage页面
})

4. `wx.navigateBack(OBJECT)`：关闭当前页面，返回上一页面或多级页面。

// 在当前页面的js文件中
wx.navigateBack({
  delta: 1 // 返回上一页面
})

微信小程序页面跳转源码

你可以使用以下代码实现微信小程序页面跳转：

1. 在原页面的js文件中，使用`wx.navigateTo`方法跳转到目标页面：

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

2. 在原页面的wxml文件中，添加一个按钮或其他触发跳转的元素：

<button bindtap="navigateToTarget">跳转到目标页面</button>

3. 在原页面的js文件中，定义一个跳转函数，将其与触发元素绑定：

Page({
  navigateToTarget: function() {
    wx.navigateTo({
      url: '/pages/targetPage/targetPage'
    })
  }
})

4. 在目标页面的json文件中，配置页面路径：

{
  "pages": [
    "pages/index/index",
    "pages/targetPage/targetPage"
  ]
}

5. 在目标页面的wxml文件中，编写页面内容。

这样，当用户点击原页面中的按钮时，就会跳转到目标页面。记得在app.json文件中配置页面路径，并保证目标页面文件存在。

请注意，如果要在原页面跳转后返回原页面，可以使用`wx.navigateBack`方法。另外还有其他的页面跳转方法，如`wx.redirectTo`、`wx.switchTab`等，根据需求选择合适的方法即可。