微信小程序开发,点击按钮跳转到指定页面的代码。
时间: 2024-10-27 21:08:46 浏览: 15
微信小程序按钮点击跳转页面详解
5星 · 资源好评率100%
在微信小程序开发中,如果你想要通过点击按钮从一个页面跳转到另一个指定页面,你可以使用` wx.navigateTo` 或 `wx.switchTab` API。以下是两个示例:
1. **使用`navigateTo`**(如果目标页面是同级或子级页面):
```javascript
<button bindtap="goToPage">跳转到其他页面</button>
...
methods: {
goToPage: function() {
wx.navigateTo({
url: '/pages/目标页面路径', // 替换为你要跳转的实际页面路径
})
}
}
```
这里,你需要将`/pages/目标页面路径`替换为实际的小程序页面文件名。
2. **使用`switchTab`**(如果目标页面是tabBar页面):
```javascript
<button bindtap="switchToTab">切换到 tabBar 页面</button>
...
methods: {
switchToTab: function() {
wx.switchTab({
url: '/pages/tabBar页面路径', // 替换为 tabBar 的页面路径
})
}
}
```
同样,这里的路径需要替换为你的实际tabBar页面的路径。
阅读全文