小程序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>
相关推荐
Amumu1213812 小时前
Vuex介绍
前端·javascript·vue.js
We་ct12 小时前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
2601_9494800612 小时前
【无标题】
开发语言·前端·javascript
css趣多多12 小时前
Vue过滤器
前端·javascript·vue.js
理人综艺好会13 小时前
Web学习之用户认证
前端·学习
We་ct13 小时前
LeetCode 36. 有效的数独:Set实现哈希表最优解
前端·算法·leetcode·typescript·散列表
weixin_3954489113 小时前
main.c_cursor_0129
前端·网络·算法
2401_8590490814 小时前
git submodule update --init --recursive无法拉取解决
前端·chrome·git
这是个栗子14 小时前
【Vue代码分析】前端动态路由传参与可选参数标记:实现“添加/查看”模式的灵活路由配置
前端·javascript·vue.js
刘一说14 小时前
Vue 动态路由参数丢失问题详解:为什么 `:id` 拿不到值?
前端·javascript·vue.js