小程序实现点击按钮页面跳转
时间: 2023-10-22 12:18:40 浏览: 147
微信小程序按钮点击跳转页面详解
5星 · 资源好评率100%
要实现点击按钮页面跳转,可以在小程序的wxml文件中给按钮添加一个事件绑定,然后在对应的js文件中编写事件处理函数,在事件处理函数中使用wx.navigateTo函数进行跳转。具体步骤如下:
1. 在wxml文件中给按钮添加一个事件绑定:
```html
<button bindtap="gotoPage">跳转到新页面</button>
```
2. 在js文件中编写事件处理函数:
```javascript
Page({
gotoPage: function() {
wx.navigateTo({
url: '/pages/newPage/newPage'
})
}
})
```
3. 在小程序的app.json文件中配置新页面的路径:
```json
{
"pages": [
"pages/index/index",
"pages/newPage/newPage"
]
}
```
这样点击按钮时就会跳转到新页面了。需要注意的是,如果是跳转到非tabBar页面,应该使用wx.navigateTo,如果是跳转到tabBar页面,应该使用wx.switchTab。
阅读全文