小程序23-页面的跳转: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"时不支持穿参

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

html 复制代码
<navigator url="/pages/list/list" open-type="switchTab">到商品列表页</navigator>
相关推荐
想你的风吹到了瑞士1 分钟前
vue如何实现组件切换
前端·javascript·vue.js
ling-454 分钟前
Javaweb-day12(登录认证)
服务器·前端·servlet
木子七10 分钟前
vue2-基础核心
前端·vue2
全栈练习生28 分钟前
重构Action-cli前端脚手架
前端
只想静静的38 分钟前
vue 自定义指令( 全局自定义指令 | 局部自定义指令 )
前端·javascript·vue.js
guokanglun43 分钟前
Vue模块化开发的理解
前端·javascript·vue.js
尘浮生1 小时前
Java项目实战II基于Spring Boot的工作流程管理系统设计与实现(开发文档+数据库+源码)
java·开发语言·数据库·spring boot·微信·微信小程序·小程序
一丝晨光2 小时前
Chrome和Chromium的区别?浏览器引擎都用的哪些?浏览器引擎的作用?
前端·c++·chrome·webkit·chromium·blink·trident
咔咔库奇2 小时前
CSS基础知识05(弹性盒子、布局详解,动画,3D转换,calc)
前端·css
孑么2 小时前
Vue前端框架开发 npm安装Vite或CLI
前端·javascript·vue.js·typescript·前端框架·npm·node.js