第13讲 : uni-app 组件 – navigator(导航)及页
最后更新于:2022-04-02 07:28:13
## navigator
**属性名 **
```
类型 默认值 说明 平台支持
url String 应用内的跳转链接,值为相对路径或绝对路径,如:"../first/first","/pages/first/first",注意不能加 .vue 后缀
open-type String navigate 跳转方式
delta Number 当 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 手指松开后点击态保留时间,单位毫秒
open-type 有效值:
```
##
## 值 说明 平台支持
```
navigate 对应 uni.navigateTo 的功能
redirect 对应 uni.redirectTo 的功能
switchTab 对应 uni.switchTab 的功能
reLaunch 对应 uni.reLaunch 的功能 微信小程序
navigateBack 对应 uni.navigateBack 的功能 微信小程序
```
注:navigator-hover 默认为 {background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, 的子节点背景色应为透明色。
示例:
```
export default {
data() {
return {
title: 'navigator'
}
},
methods: {
}
}
```
页面传值及接收
index/index.vue
test.vue 接收参数
';