Navigator

页面链接。扫码体验:

img.jpg

属性名类型默认值描述最低版本
open-typeStringnavigate跳转方式
hover-classStringnone点击时附加的类
hover-start-timeNumber按住后多事件后出现点击状态,单位毫秒
hover-stay-timeNumber手指松开后点击状态保留时间,单位毫秒
urlString应用内的跳转链接

open-type有效值

属性名描述最低版本
navigate对应 my.navigateTo 的功能
redirect对应 my.redirectTo 的功能
switchTab对应 my.switchTab 的功能
navigateBack对应 my.navigateBack 的功能

示例代码

  1. <!-- sample.axml -->
  2. <view class="btn-area">
  3. <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
  4. <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>
  5. <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>
  6. </view>

原文: https://docs.alipay.com/mini/component/navigator