微信小程序JS实现页面跳转

## 简介

> 页面内容由ChatGPT生成。

在微信小程序中，使用 `JavaScript` 进行页面跳转可以通过 `wx.navigateTo`、`wx.redirectTo`、`wx.reLaunch`、`wx.switchTab` 等方法来实现，具体选择哪个方法取决于你的页面跳转需求。

以下是这几个方法的简单介绍

<!-- more -->

## navigateTo

`wx.navigateTo`：保留当前页面，跳转到应用内的某个页面。  
新页面可以使用 `wx.navigateBack` 方法返回到原页面。

```javascript
// 在当前页面跳转到目标页面
wx.navigateTo({
  url: '/pages/targetPage/targetPage'
});
```

## redirectTo

`wx.redirectTo`：关闭当前页面，跳转到应用内的某个页面。新页面不可返回到原页面。

```javascript
// 关闭当前页面跳转到目标页面
wx.redirectTo({
  url: '/pages/targetPage/targetPage'
});
```

## reLaunch

`wx.reLaunch`：关闭所有页面，打开到应用内的某个页面。

```javascript
// 关闭所有页面跳转到目标页面
wx.reLaunch({
  url: '/pages/targetPage/targetPage'
});
```

## switchTab

`wx.switchTab`：跳转到 `tabBar` 页面，并关闭其他所有非 `tabBar` 页面。

```javascript
// 切换到 tabBar 页面
wx.switchTab({
  url: '/pages/tabBarPage/tabBarPage'
});
```

## 提示

这些方法中的 `url` 参数指定了目标页面的路径，路径通常以 `/pages/` 开头，后面跟着目标页面的文件夹和文件名。确保路径书写正确，以保证页面能够正确跳转。

示例中的路径仅为示范，你需要根据你的项目实际情况进行调整。

在小程序中，页面路径是相对于小程序根目录的。