uniapp学习开发之路由

uniapp学习开发之路由

uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在app.json中配置页面路由一样。

1、路由跳转
两种页面路由跳转方式：使用navigator组件跳转、调用API跳转。

• navigator组件跳转

				<navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
                    <button type="default">跳转到新页面</button>
                </navigator>
                <navigator url="redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">
                    <button type="default">在当前页打开</button>
                </navigator>
                <navigator url="/pages/tabBar/extUI/extUI" open-type="switchTab" hover-class="other-navigator-hover">
                    <button type="default">跳转tab页面</button>
                </navigator>

• API跳转
  uni.navigateTo(OBJECT)
  保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
  uni.redirectTo(OBJECT)
  关闭当前页面，跳转到应用内的某个页面。
  uni.reLaunch(OBJECT)
  关闭所有页面，打开到应用内的某个页面。
  uni.switchTab(OBJECT)
  跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
  uni.navigateBack(OBJECT)
  关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
  uni.preloadPage(OBJECT)
  预加载页面，是一种性能优化技术。被预载的页面，在打开时速度更快。