微信小程序的页面跳转通常使用`wx.navigateTo()`方法来实现。这个方法允许你在小程序内的不同页面之间进行跳转。
以下是一个简单的示例,演示如何在微信小程序中点击按钮后跳转到另一个页面:
```javascript
// 获取页面的根路径
const rootPath = getCurrentPages().length > 0 ? getCurrentPages()[0].path : '';
// 定义要跳转的页面路径
const targetPath = 'pages/targetPage/targetPage';
// 在当前页面的页面栈中添加目标页面
wx.navigateTo({
// 目标路径是相对于根路径的相对路径
// 如果目标路径是绝对路径,则可以省略此参数
path: `${rootPath}/pages/${targetPath}`,
success(res) {
console.log('跳转成功', res);
},
fail(err) {
console.log('跳转失败', err);
}
});
```
在这个示例中,我们首先获取了当前页面的根路径(如果没有父页面,则为空字符串)。然后,我们定义了要跳转到的目标页面路径。最后,我们使用`wx.navigateTo()`方法将用户导航到目标页面。如果跳转成功,我们将打印一条成功消息;如果跳转失败,我们将打印一条错误消息。
请注意,这个示例假设你已经在小程序的`app.json`文件中配置了页面路径。此外,你还需要在目标页面的`pages`数组中定义一个名为`targetPage`的页面对象。