navigator
Page link
Scan QR code to try:
Property | Type | Default | Description |
| open-type | String | navigate | Jump mode. |
| hover-class | String | none | Added class upon click. |
| hover-start-time | Number | Click status shown in certain time after clicking, in milliseconds. | |
| hover-stay-time | Number | Clicking status retention time after release, in milliseconds. | |
| url | String | Jump link within application. |
open-type Effective Value
Property | Description |
| navigate | Corresponding to my.navigateTo function. |
| redirect | Corresponding to my.redirectTo function. |
| switchTab | Corresponding to my.switchTab function. |
| navigateBack | Corresponding to my.navigateBack function. |
Sample Code
copy
<!-- sample.axml -->
<view class="btn-area">
<navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">Jump to new page</navigator>
<navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">Open in current page</navigator>
<navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">Switch Tab</navigator>
</view>