开发微信小程序应用时经常涉及页面跳转,通过单击按钮或链接跳转到其他页面

在HTML中,可以使用a标签实现页面跳转

微信小程序中也有一个类似的组件navigator

navigator有比a标签更多的属性,如表3.8所示

navigator的属性

image.png

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种常用的跳转方式进行讲解