# navigator

Start from base library version 1.0.0. Please remaining backward compatible.

Page link.

Using Require Base Library Versions in Mini Programs Plug-ins 2.1.0 Up.

target Legal value

open-type Legal value

version Legal value

# Use restrictions

1. User confirmation required from 2.3.0 Version, before jumping to other Mini Programs, will be unified to increase pop-up window, ask whether jump, users can jump other Mini Program after confirmation. If the user clicks cancel, the callback fail cancel。
2. Each Mini Program can jump to no more than the number of other Mini Program 10 individual from 2.4.0 Version and the specified date (specific to be determined) start, developers submit a new version of the Mini Program code, such as the use of jump other Mini Program functions, you need to declare in the code configuration to jump the list of Mini Program, limited to no more than 10 Otherwise, it will not pass the audit. The list can be updated when a new version is released and does not support dynamic changes. Configuration method for details Configuration。 When this interface is called, the appId Must be in the configuration list or callback fail appId "${appId}" is not in navigateToMiniProgramAppIdList。

# No need to declare the jump list, not limited to the number of jump (public test)

1. From April 24, 2020, using jump other Mini Program features will not require the declaration of jump lists in the global configuration, and this interface will no longer verify the jump AppID Whether or not navigateToMiniProgramAppIdList In.
2. From April 24, 2020, jump other Mini Programs will no longer be limited by the number, please pay attention to the use of this feature to comply with the operating norms.

# About debugging

• Call this on the developer tool API There is no actual jump to another Mini Program, but the developer tool will verify that the jump was successful.[details]((different#Jump Mini Program Debugging Support))
• Developer tools to support the jump Mini Program handling receive parameters debugging.[details]((different#Jump Mini Program Debugging Support))

# Bug & Tip

1. tip：navigator-hover Default is {background-color: rgba(0, 0, 0, 0.1) opacity: 0.7}, navigator Child node background color should be transparent

# sample code

Preview with Developer Tool

.navigator-hover {
  color:blue
}
.other-navigator-hover {
  color:red
}

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="/page/navigate/navigatetitle=navigate" hover-class="navigator-hover">Jump to a new page</navigator>
  <navigator url="../../redirect/redirect/redirecttitle=redirect" open-type="redirect" hover-class="other-navigator-hover">Open on the current page</navigator>
  <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">to switch over Tab</navigator>
  <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">Open the bound Mini Program</navigator>
</view>

<!-- navigator.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> Click on the upper left to return to the previous page </view>

<!-- redirect.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> Click on the top left corner back to the parent page </view>

Page({
  onLoad: function(options) {
    this.setData({
      title: options.title
    })
  }
})