UniApp 是一个基于 Vue.js 的跨平台开发框架,可以同时构建 iOS、Android、H5 和小程序等多个平台的应用。在 UniApp 中,我们可以使用以下几种方式进行页面之间的跳转:
使用 uni.navigateTo 方法:该方法可以在当前页面打开新的页面,并且会将新页面加入页面栈中,可以通过返回按钮返回上一个页面。
// 在 A 页面中跳转到 B 页面 uni.navigateTo({ url: '/pages/B' });
// 在 A 页面中跳转到 B 页面 uni.navigateTo({ url: '/pages/B' });
使用 uni.redirectTo 方法:该方法可以关闭当前页面并打开新的页面,不会保留当前页面在页面栈中的位置,无法通过返回按钮返回到当前页面。
// 关闭当前页面并跳转到 B 页面 uni.redirectTo({ url: '/pages/B' });
// 关闭当前页面并跳转到 B 页面 uni.redirectTo({ url: '/pages/B' });
使用 uni.reLaunch
方法:该方法可以关闭所有页面,并打开新的页面。适用于跳转到应用的首页或者欢迎页等需要重新加载的场景。
// 关闭所有页面并跳转到 B 页面 uni.reLaunch({ url: '/pages/B' });
// 关闭所有页面并跳转到 B 页面 uni.reLaunch({ url: '/pages/B' });
使用 uni.switchTab
方法:该方法用于跳转到 tabBar 页面,只能打开 tabBar 配置中指定的页面。
// 切换到 tabBar 的 B 页面 uni.switchTab({ url: '/pages/B' });
// 切换到 tabBar 的 B 页面 uni.switchTab({ url: '/pages/B' });
此外,还可以通过在模板中使用 navigator
标签来实现页面跳转,具体使用方法可以参考 UniApp 官方文档中的相关内容。