使用<navigator>组件可以实现页面之间的跳转,以下是<navigator>组件的使用方式:
- 在需要跳转的页面的wxml文件中,添加
<navigator>组件,并设置url属性为目标页面的路径。例如:
<navigator url="/pages/targetPage/targetPage"></navigator>
- 如果需要传递参数给目标页面,可以在
url属性中使用query参数的方式传递。例如:
<navigator url="/pages/targetPage/targetPage?param1=value1¶m2=value2"></navigator>
- 可以在
<navigator>组件中添加文本或其他组件作为跳转的触发区域。例如:
<navigator url="/pages/targetPage/targetPage">
<view>点击跳转到目标页面</view>
</navigator>
- 可以使用
open-type属性来设置打开方式,如navigate、redirect、switchTab等。例如:
<navigator url="/pages/targetPage/targetPage" open-type="navigate">navigate跳转</navigator>
<navigator url="/pages/targetPage/targetPage" open-type="redirect">redirect跳转</navigator>
<navigator url="/pages/targetPage/targetPage" open-type="switchTab">switchTab跳转</navigator>
需要注意的是,<navigator>组件只能跳转到非tabBar页面,如果需要跳转到tabBar页面,可以使用wx.switchTab()方法或wx.reLaunch()方法。另外,跳转到外部链接可以使用<navigator>组件的open-type="navigate"属性,并设置url属性为外部链接的地址。