微信小程序页面跳转完整代码
时间: 2023-07-24 22:30:47 浏览: 196
微信小程序 页面跳转传值实现代码
以下是微信小程序页面跳转的完整代码示例:
页面 A 的 WXML 文件:
```html
<view class="container">
<button class="btn" bindtap="navigateToB">跳转到页面 B</button>
</view>
```
页面 A 的 JS 文件:
```javascript
Page({
navigateToB() {
wx.navigateTo({
url: '/pages/b/b',
});
},
});
```
页面 B 的 WXML 文件:
```html
<view class="container">
<button class="btn" bindtap="navigateBack">返回上一页</button>
</view>
```
页面 B 的 JS 文件:
```javascript
Page({
navigateBack() {
wx.navigateBack();
},
});
```
这个示例中,页面 A 包含了一个按钮,点击按钮后会跳转到页面 B;页面 B 包含了一个按钮,点击按钮后会返回上一页。页面跳转使用了微信小程序提供的 wx.navigateTo 和 wx.navigateBack 方法。需要注意的是,wx.navigateTo 方法只能跳转到非 tabBar 页面,而 wx.switchTab 方法可以跳转到 tabBar 页面。
阅读全文