Navigator
页面链接
类型
ComponentType<NavigatorProps>
NavigatorProps
| 参数 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| target | "self" | "miniProgram" | "self" | 否 | 在哪个目标上发生跳转，默认当前小程序 |
| url | string | 否 | 当前小程序内的跳转链接 | |
| openType | "navigate" | "redirect" | "switchTab" | "reLaunch" | "navigateBack" | "exit" | "navigate" | 否 | 跳转方式 |
| delta | number | 否 | 当 open-type 为 'navigateBack' 时有效，表示回退的层数 | |
| appId | string | 否 | 当 target="miniProgram" 时有效，要打开的小程序 appId | |
| path | string | 否 | 当 target="miniProgram" 时有效，打开的页面路径，如果为空则打开首页 | |
| extraData | object | 否 | 当 target="miniProgram" 时有效，需要传递给目标小程序的数据，目标小程序可在 App.onLaunch()，App.onShow() 中获取到这份数据. | |
| version | "develop" | "trial" | "release" | 否 | 当 target="miniProgram" 时有效，要打开的小程序版本 | |
| hoverClass | string | "navigator-hover" | 否 | 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 |
| hoverStopPropagation | boolean | false | 否 | 指定是否阻止本节点的祖先节点出现点击态 |
| hoverStartTime | number | 50 | 否 | 按住后多久出现点击态，单位毫秒 |
| hoverStayTime | number | 600 | 否 | 手指松开后点击态保留时间，单位毫秒 |
| onSuccess | BaseEventOrigFunction<any> | 否 | 当 target="miniProgram" 时有效，跳转小程序成功 | |
| onFail | BaseEventOrigFunction<any> | 否 | 当 target="miniProgram" 时有效，跳转小程序失败 | |
| onComplete | BaseEventOrigFunction<any> | 否 | 当 target="miniProgram" 时有效，跳转小程序完成 |
API 支持度
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | 抖音小程序 | H5 | React Native |
|---|---|---|---|---|---|---|
| NavigatorProps.target | ✔️ | ✔️ | ||||
| NavigatorProps.url | ✔️ | ✔️ | ✔️ | ✔️ | ||
| NavigatorProps.openType | ✔️ | ✔️ | ✔️ | ✔️ | ||
| NavigatorProps.delta | ✔️ | ✔️ | ✔️ | |||
| NavigatorProps.appId | ✔️ | ✔️ | ||||
| NavigatorProps.path | ✔️ | ✔️ | ||||
| NavigatorProps.extraData | ✔️ | ✔️ | ||||
| NavigatorProps.version | ✔️ | ✔️ | ||||
| NavigatorProps.hoverClass | ✔️ | ✔️ | ✔️ | ✔️ | ||
| NavigatorProps.hoverStopPropagation | ✔️ | ✔️ | ✔️ | |||
| NavigatorProps.hoverStartTime | ✔️ | ✔️ | ✔️ | ✔️ | ||
| NavigatorProps.hoverStayTime | ✔️ | ✔️ | ✔️ | ✔️ | ||
| NavigatorProps.onSuccess | ✔️ | ✔️ | ||||
| NavigatorProps.onFail | ✔️ | ✔️ | ||||
| NavigatorProps.onComplete | ✔️ | ✔️ |
target
target 的合法值
| 参数 | 说明 |
|---|---|
| self | 当前小程序 |
| miniProgram | 其它小程序 |
openType
open-type 的合法值
| 参数 | 说明 |
|---|---|
| navigate | 对应 Taro.navigateTo 或 Taro.navigateToMiniProgram 的功能 |
| redirect | 对应 Taro.redirectTo 的功能 |
| switchTab | 对应 Taro.switchTab 的功能 |
| reLaunch | 对应 Taro.reLaunch 的功能 |
| navigateBack | 对应 Taro.navigateBack 的功能 |
| exit | 退出小程序，target="miniProgram" 时生效 |
version
version 的合法值
| 参数 | 说明 |
|---|---|
| develop | 开发版 |
| trial | 体验版 |
| release | 正式版，仅在当前小程序为开发版或体验版时此参数有效；如果当前小程序是正式版，则打开的小程序必定是正式版。 |
API 支持度
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | 抖音小程序 | H5 | React Native |
|---|---|---|---|---|---|---|
| Navigator | ✔️ | ✔️ | ✔️ | ✔️ |