主题
路由
在小程序中实现页面跳转,有两种方式:
- 声明式导航:navigator 组件。
- 编程式导航:使用小程序 API。
声明式导航
html
<navigator url="/pages/index/index">跳转到首页</navigator>
编程式导航
wx.navigateTo()
:保留当前页面,跳转到应用内的某个页面,但是不能跳转到 tabbar 页面。wx.redirectTo()
:关闭当前页面,跳转到应用内的某个页面,但是不能跳转到 tabbar 页面。wx.switchTab()
:跳转到 tabbar 页面,路径后不能带参数。wx.reLaunch()
:关闭所有页面,打开到应用内的某个页面。wx.navigateBack()
:关闭当前页面,返回上一页面或多级页面。
使用 Component 构造页面
提示
使用 Component 构造页面,可以实现更复杂的页面逻辑开发。
pages/*.json
中必须包含usingComponents
配置。- Page 中的一些钩子函数、事件监听方法需要定义在
methods
中。 - 可以通过 properties 接收页面参数,在
onLoad
钩子函数中通过this.data
或者this.properties
获取。