微信小程序按钮跳转下一页
时间: 2024-09-23 20:04:59 浏览: 43
微信小程序教程系列之页面跳转和参数传递(6)
在微信小程序中,如果你想让按钮点击后跳转到下一页,通常会使用` wx.navigateTo` 或 `wx.redirectTo` API。以下是简单的示例:
```javascript
// HTML部分
<button bindtap="jumpToNextPage">点击跳转</button>
<!-- JS部分 -->
Page({
methods: {
jumpToNextPage: function() {
// 跳转到新的页面,例如:pages/index/index
wx.navigateTo({
url: '/pages/next-page/next-page', // 替换为你的目标页面路径
});
}
}
})
```
在这个例子中,当用户点击“点击跳转”按钮时,会调用`jumpToNextPage`方法,然后通过`wx.navigateTo`方法将用户导航到名为“next-page”的下一个页面。
注意,`navigateTo`是保留的页面间的跳转,而`redirectTo`会在当前页关闭后再跳转,一般用于不需要返回的场景。请确保已经正确配置了对应的页面路径,并且目标页面也在小程序项目中注册过。
阅读全文