页面路由跳转
API
Props 属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
- | 该组件暂无可配置的属性 | - | - |
uni.$zk.router.navigateTo
用于在应用中导航到指定的页面,支持在 APP-PLUS 环境下进行页面预加载。
- 参数:
url
(String): 必填。目标页面的路径。options
(Object): 可选。导航选项,支持所有uni.navigateTo
的参数。
- 使用说明:
- 在 APP-PLUS 环境下,先预加载目标页面,预加载完成后进行导航。
- 在非 APP-PLUS 环境下,直接调用
uni.navigateTo
进行页面跳转。 - 如果
isPreloadPageLock
为true
或url
为空,方法将不会执行任何操作。
- 注意事项:
- 预加载功能仅在 APP-PLUS 环境下有效。
- 在预加载过程中,会显示一个加载动画,预加载完成后自动隐藏。
uni.$zk.router.redirectTo
关闭当前页面,跳转到应用内的某个页面。
- 参数:
url
(String): 必填。目标页面的路径。options
(Object): 可选。导航选项,支持所有uni.redirectTo
的参数。
uni.$zk.router.switchTab
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
- 参数:
url
(String): 必填。目标 tabBar 页面的路径。options
(Object): 可选。导航选项,支持所有uni.switchTab
的参数。
uni.$zk.router.reLaunch
关闭所有页面,打开到应用内的某个页面。
- 参数:
url
(String): 必填。目标页面的路径。options
(Object): 可选。导航选项,支持所有uni.reLaunch
的参数。
代码示例
uni.$zk.router.navigateTo('/pages/home/index', {
animationType: 'slide-in-right',
animationDuration: 300
});
uni.$zk.router.redirectTo('/pages/about/index');
uni.$zk.router.switchTab('/pages/tabBar/home');
uni.$zk.router.reLaunch('/pages/welcome/index');