微信小程序的navigator怎么用
发表于:2026-11-04 作者:千家信息网编辑
千家信息网最后更新 2026年11月04日,这篇文章主要介绍"微信小程序的navigator怎么用"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"微信小程序的navigator怎么用"文章能帮助大家解决问
千家信息网最后更新 2026年11月04日微信小程序的navigator怎么用
这篇文章主要介绍"微信小程序的navigator怎么用"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"微信小程序的navigator怎么用"文章能帮助大家解决问题。
navigator
页面链接。
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| url | String | 应用内的跳转链接 | |
| open-type | String | navigate | 跳转方式 |
| delta | Number | 当 open-type 为 'navigateBack' 时有效,表示回退的层数 | |
| hover-class | String | navigator-hover | 指定点击时的样式类,当hover-class="none"时,没有点击态效果 |
| hover-start-time | Number | 50 | 按住后多久出现点击态,单位毫秒 |
| hover-stay-time | Number | 600 | 手指松开后点击态保留时间,单位毫秒 |
open-type 有效值:
| 值 | 说明 | 最低版本 |
|---|---|---|
| navigate | 对应wx.navigateTo的功能 | |
| redirect | 对应wx.redirectTo的功能 | |
| switchTab | 对应wx.switchTab的功能 | |
| reLaunch | 对应wx.reLaunch的功能 | 1.1.0 |
| navigateBack | 对应wx.navigateBack的功能 | 1.1.0 |
注:navigator-hover默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, 的子节点背景色应为透明色
示例代码:
/** wxss **//** 修改默认的navigator点击态 **/.navigator-hover {color:blue;}/** 自定义其他点击态样式类 **/.other-navigator-hover {color:red;}跳转到新页面 在当前页打开 切换 Tab
{{title}} 点击左上角返回回到之前页面
{{title}} 点击左上角返回回到上级页面
// redirect.js navigator.jsPage({ onLoad: function(options) {this.setData({ title: options.title }) }})关于"微信小程序的navigator怎么用"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。
功能
页面
程序
知识
单位
左上角
样式
行业
链接
不同
实用
最低
有效
上级
代码
内容
实用性
实际
属性
手指
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
互联网与科技
湖南永感互联网科技有限公司
互联网通讯科技
互联网科技金融
高科技与互联网
唐信互联网科技
互联网科技公司名称
科技互联网的估值
中国的互联网科技企业的崛起
互联网科技寓意
荆州市昕露互联网络科技有限公司
晓花互联网科技有限公司网址
高科技互联网发展前景如何
爱医互联网络科技
山东有哪些互联网科技公司
深圳无忧互联网科技
郑州欣桑互联网科技有限公司
科技互联网公司两年变化
科技发展第三阶段互联网时代
互联网 科技节活动 微视频大赛
互联网科技官网
新华互联网科技学院
贷财互联网科技
北京三清互联网科技
重庆威客帮互联网科技
河南猎农互联网科技有限公司
搜狐科技互联网
互联网方面的科技前沿
半导体是互联网高科技吗
互联网科技的前景