navigator
Navigator.
Example
index.bxml
<view>
<navigator url="/navigate/navigate?title=navigate" hover-class="navigator-hover">jump to new page</navigator>
<navigator url="../redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">open in current page</navigator>
</view>
/navigate/navigate.bxml
<view> Click on the upper left corner to return to the previous page </view>
/redirect/redirect.bxml
<view> Click on the upper left corner to return to the previous page </view>
Bug & Tip
tip
:navigator-hover
Default is{background-color: rgba(0, 0, 0, 0.1) opacity: 0.7}
, navigator Child node background color should be transparent
Props
Name | Type | Description | Default |
---|---|---|---|
target | Target | On which target to jump, default current Mini Program | "self" |
url | string | Jump links within the current Mini Program | |
app-id | string | When target="miniProgram" The Mini Program that you want to open appId | |
path | string | When target="miniProgram" Open the page path, if empty then open the home page | |
extra-data | object | When target="miniProgram" data that needs to be passed to the target Mini Program, which is available in the App.onLaunch(),App.onShow() Get this data from.details | |
version | NavigationMPChannel | When target="miniProgram" version of the Mini Program to be opened | "published" |
type | NavigationMPType | defined in Nezha deeplink | "app" |
rev | string |