页面跳转问题

# 页面跳转方式

# 声明式

使用navigator组件跳转到指定页面

url属性表示要跳转的地址，必须以/开头
open-type属性表示要跳转的方式

跳转到tabBar页面（opne-type的值为switchTab）

<navigator url="/pages/index/index" opne-type="switchTab"></navigator>

跳转到非tabBar页面（opne-type的值为navigate）

<navigator url="/pages/index/index" opne-type="navigate"></navigator>

注：如果跳转到非tabBar页面，open-type属性可以省略不写

# 后退导航

open-type属性指定为navigateBack
delta值必须是数字，表示要后退的等级

<navigator opne-type="navigateBack" delta="1"></navigator>

# 编明式

# 导航到tabBar页面

uni.switchTab(0bject Object)方法

uni.switchTab({
  url: '指定地址',
  sussess: function() {}, // 成功回调
  fail: function() {}, // 失败回调
  complete: function {} // 调用结束后的回调，成功或者失败都会执行
})

1
2
3
4
5
6

# 导航到非tabBar页面

uni.navigateTo(0bject Object)方法

uni.navigateTo({
  url: '指定地址',
  sussess: function() {}, // 成功回调
  fail: function() {}, // 失败回调
  complete: function {} // 调用结束后的回调，成功或者失败都会执行
})

1
2
3
4
5
6

# 后退导航页面

uni.navigateBack(0bject Object)方法

uni.navigateBack({
  url: '指定地址',
  sussess: function() {}, // 成功回调
  fail: function() {}, // 失败回调
  complete: function {} // 调用结束后的回调，成功或者失败都会执行
})

1
2
3
4
5
6

# 传参

# 声明式

<navigator url="/pages/index/index?name=lisi&age=15" opne-type="switchTab"></navigator>

# 编程式

uni.navigateTo({
  url: '/pages/index/index?name=lisi&age=15',
  sussess: function() {}, // 成功回调
  fail: function() {}, // 失败回调
  complete: function {} // 调用结束后的回调，成功或者失败都会执行
})

1
2
3
4
5
6

# 接收参数

export default {
  onload(option) {
      coonsole.log(option)
  }
}

1
2
3
4
5

上次更新: 2023/08/29, 7:08:00

← 微信公众号开发生命周期 →