开发微信小程序应用时经常涉及页面跳转,通过单击按钮或链接跳转到其他页面
在HTML中,可以使用a
标签实现页面跳转
微信小程序中也有一个类似的组件navigator
navigator有比a标签更多的属性,如表3.8所示
navigator的属性
navigator组件有一个open-type
属性,表示跳转方式
微信小程序跳转方式有6种
属性名 | 说明 |
---|---|
navigate | 对应wx.navigateTo或wx.navigateToMiniProgram的功能 |
redirect | 对应wx.redirectTo的功能 |
switchTab | 对应wx.switchTab的功能 |
reLaunch | 对应wx.reLaunch的功能 |
navigateBack | 对应wx.navigateBack的功能 |
exit | 退出微信小程序,target=”miniProgram”时生效 |
下面对
- navigate
- redirect
- switchTab
- navigateBack
这4种常用的跳转方式进行讲解