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，关闭当前页面，返回上一页面。'
}
]
}
})