21. navigator

2023-08-16 20:21:54发布
33

navigator用于跳转小程序之间的页面

常用属性

属性名类型默认值说明
urlString 应用内的跳转链接
open-typeStringnavigate跳转方式

open-type 常用属性:

说明最低版本
navigate默认值,对应wx.navigateTo的功能。保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层
redirect对应wx.redirectTo的功能。关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
switchTab对应wx.switchTab的功能。跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
reLaunch对应wx.reLaunch的功能。关闭所有页面,打开到应用内的某个页,链接可以携带参数1.1.0


例子

<view class="container">
  <navigator url="/pages/logs/logs?id=546" open-type="reLaunch">跳转到logs页</navigator>
</view>

在logs页面接受参数

Page({
  // 参数接收
  onLoad(query) {
    console.log(query)
  }
})

注意,url的路径是/pages/logs/logs,不要写成pages/logs/logs


更多属性和方法请参考: https://www.w3cschool.cn/weixinapp/weixinapp-navigator.html  https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html