Toggle navigation
集客麦麦@谢坤
首页
随笔
首页
>>
创作中心
>>
微信小程序导航方法若...
微信小程序导航方法若干调用
Not Found
# 微信小程序导航 ## 页面导航 ### app.json ``` { //... pages: [ 'pages/index/index', 'pages/demo2/demo2', ] //... } ``` ### navigator 标签
Go to Demo2
### 页面导航传值 通过接收页面的 `onLoad` 方法接收参数: `发送页面`
Go to Demo2
`接收页面` Page({ data: {}, onLoad: function(options){ // 页面初始化 options 为页面转跳所带来的的参数 console.log(options) // 输出: {name:"aaa", age: 12} } }) ### redirect
Go to Demo2
### 导航样式 hover-class="my-class" hover-class="none"
Go to Demo2
### 导航式 API 1. wx.navigateTo ``` wx.navigateTo({ url: "../demo2/demo2", success: function(res){ // success }, fail: function(res){ // fail }, complete: function(res){ // complete // 不管成功失败都会执行 }, }) ``` 2. wx.redirectTo ``` wx.redirectTo({ url: "../demo2/demo2", success: function(res){ // success }, fail: function(res){ // fail }, complete: function(res){ // complete // 不管成功失败都会执行 }, }) ``` 3. wx.navigateBack 返回 ``` wx.navigateBack({ delta: 1, // 默认1, 指定返回的步数, 超过步数(超出历史记录)返回到第一页 success: function(res){ // success }, fail: function(res){ // fail }, complete: function(res){ // complete // 不管成功失败都会执行 }, }) ```