navigator

页面链接。

属性	类型	默认值	必填	说明
target	String	self	否	在哪个目标上发生跳转，默认当前程序
url	String		否	当前应用内的跳转链接
open-type	String	navigate	否	跳转方式
delta	Number	1	否	当 open-type 为 'navigateBack' 时有效，表示回退的层数
hover-class	String	navigator-hover	否	指定点击时的样式类，当hover-class="none"时，没有点击态效果
hover-stop-propagation	Boolean	false	否	指定是否阻止本节点的祖先节点出现点击态
hover-start-time	Number	50	否	按住后多久出现点击态，单位毫秒
hover-stay-time	Number	600	否	手指松开后点击态保留时间，单位毫秒
bindsuccess	String		否
bindfail	String		否
bindcomplete	String		否

open-type 的合法值

值	说明	最低版本
navigate	对应 mc.navigateTo 或 mc.navigateToMiniProgram 的功能
redirect	对应 mc.redirectTo 的功能
switchTab	对应 mc.switchTab 的功能
reLaunch	对应 mc.reLaunch 的功能
navigateBack	对应 mc.navigateBack 的功能

示例代码：

<!--pages/component/pages/navigator/navigator.mcml-->
<view class="container">
  <view class="statement">页面链接。</view>
  <view class="splitbar">
    target: self
  </view>
  <view mc:for="{{selfArray}}">
    <view class="cssname">
      open-type:{{item.type}}【{{item.text}}】
    </view>
    <navigator style="padding:20rpx;" url="{{item.url}}?a=123" open-type="{{item.type}}">{{item.type}}</navigator>
  </view>
</view>

// pages/component/pages/navigator/navigator.js
Page({
  data: {
    extraDat: {from: 'morecross demo'},
    selfArray:[
      {
        type: 'navigate', url: 'navigator',
        text: '对应mc.navigateTo，保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。'
      },
      {
        type: 'redirect', url: 'navigator',
        text: '对应mc.redirectTo，关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。' 
      },
      {
        type: 'switchTab', url: '../../../../tabbar/api/api',
        text: '对应mc.switchTab，跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。'
      },
      {
        type: 'reLaunch', url: './navigator',
        text: '对应mc.reLaunch，关闭所有页面，打开到应用内的某个页面。' 
      },
      {
        type: 'navigateBack', 
        text: '对应mc.navigateBack，关闭当前页面，返回上一页面。' 
      }
    ]
  }
})

Keyboard shortcuts

开发文档

navigator

open-type 的合法值