主题
路由
在小程序中实现页面跳转,有两种方式:
- 声明式导航: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获取。
