当前位置: 首页 > news >正文

小程序23-页面的跳转:navigation 组件详解

小程序中,如果需要进行跳转,需要使用 navigation 组件,常用属性:

1.url :当前小程序内的跳转链接

2.open-type:跳转方式

  • navigate保留当前页面,跳转应用内的某个页面,但不能跳转到 tabbar 页面
  • redirect关闭当前页面,跳转应用内的某个页面,但不能跳转到 tabbar 页面
  • switchTab跳转 tabBar 页面,并关闭其他所有非 tabBar 页面
  • reLaunch关闭所有页面,打开到应用内的某个页面
  • navigateBack关闭当前页面,返回上一页面或多级页面

tabbar页面指底部导航页面

注意事项:

1.路径后可以带参数,参数与路径之间使用 ?分割,参数键与参数值用 = 相连,不同参数用 & 分隔

例如:/list?id=10&name=hua,在onLoad(options) 生命周期函数 中获取传递的参数

2.open-type="switchTab"时不支持穿参 

可以复制代码尝试不同的属性和需要跳转的页面

<navigator url="/pages/list/list" open-type="switchTab">到商品列表页</navigator>

http://www.lryc.cn/news/489173.html

相关文章:

  • AI社媒引流工具:解锁智能化营销的新未来
  • 【Node.js】全面解析 Node.js 安全最佳实践:保护您的应用
  • Docker 用法详解
  • Python小游戏28——水果忍者
  • Kafka Offset 自动提交和手动提交 - 漏消费与重复消费
  • Vue3父组件和子组件
  • Linux 定时任务全解析
  • XLNet——打破 BERT 局限的预训练语言模型
  • 开源代码统计工具cloc的简单使用
  • 如何创建一个项目用于研究element-plus的原理
  • 单片机进阶硬件部分_day2_项目实践
  • labview关于文件路径的问题
  • 72项!湖北省2024年度第二批省级科技计划项目拟立项项目公示!
  • 神经网络问题之:梯度不稳定
  • ORACLE删不掉job,如何解决。
  • 可视化建模与UML《活动图实验报告》
  • 基于 MUSA 的大语言模型推理和服务框架vLLM
  • 鸿蒙网络编程系列48-仓颉版UDP回声服务器示例
  • android-studio-4.2下载 、启动
  • 深度学习day2-Tensor 2
  • 【Android踩过的坑】14.小米系统TTS无法生效的问题
  • RabbitMQ实现异步下单与退单
  • 鸿蒙NEXT开发案例:随机数生成
  • nwjs崩溃复现、 nwjs-控制台手动操纵、nwjs崩溃调用栈解码、剪切板例子中、nwjs混合模式、xdotool显示nwjs所有进程窗口列表
  • 视觉SLAM--经典视觉SLAM框架
  • Wallpaper壁纸制作学习记录05
  • Elasticsearch 中的热点以及如何使用 AutoOps 解决它们
  • springboot基于微信小程序的食堂预约点餐系统
  • 字符串学习篇-java
  • 2024亚太杯数学建模C题【Development Analyses and Strategies for Pet Industry 】思路详解