uniapp路由跳转的六种方式

uniapp官方文档详解：

一、uni.navigateTo保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

uni.navigateTo({url:'./index/index'
});

注意：

页面跳转路径有层级限制，不能无限制跳转新页面
跳转到 tabBar 页面只能使用 switchTab 跳转

二、uni.redirectTo关闭当前页面，跳转到应用内的某个页面。

uni.redirectTo({url: './index/index'
});

三、uni.reLaunch关闭所有页面，打开到应用内的某个页面。

uni.reLaunch({url: './index/index'
});

四、uni.switchTab跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

uni.switchTab({url: '/pages/index/index'
});

注意：

需要跳转的 tabBar 页面的路径（在pages.json文件中配置的tabBar页面），路径后不能带参数，可以用uni.reLaunch代替

五、uni.navigateBack关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。

uni.navigateBack({delta: 2  //返回两层页面
});

uniapp路由跳转的六种方式相关推荐

详解vue 路由跳转四种方式 (带参数)
本文介绍了vue 路由跳转四种方式 (带参数),本文通过实例代码给大家介绍的详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1. router-link 1. 不带参数 <router-li ...
vue路由跳转写法在html,详解vue 路由跳转四种方式 (带参数)
1. router-link 1. 不带参数 //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由 ...
vue路由传参两种方式；vue路由传参query与params区别；vue路由跳转的带参与不带参,路由跳转传参方式：name 、 path；
vue项目的路由传参常用的有两种方式:query和params 1.query传参特点:1.1可以用path也可以用name传递路径注意name是路由页面vue文件的名称不需要/1.2跳转页面地址 ...
uniapp php交互,uni-app路由跳转及参数的传参和接收
1.保留当前页面,跳转到应用内的某个页面,使用uni.navigateTo: 示例: 在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url: 'test?id=1& ...
详解vue 路由跳转四种方式（转载）
1.router-link 1. 不带参数<router-link :to="{name:'home'}"> <router-link :to="{pa ...
vue路由跳转传参的几种方式
需求是跳转至工单申请详情页面 vue.js中路由配置代码: import Layout from '@/layout'const repairRouter = {path: '/repair',co ...
Vue路由跳转与接收参数
Vue路由跳转与接收参数一.路由跳转四种方式 (带参数) 1) router-link 1.不带参数 <router-link :to="{name:'home'}"> ...
vue 函数路由跳转_vue中通过路由跳转的三种方式
router-view 实现路由内容的地方,引入组件时写到需要引入的地方需要注意的是,使用vue-router控制路由则必须router-view作为容器. 通过路由跳转的三种方式 1.router ...
Angular中使用JS实现路由跳转、动态路由传值、get方式传值
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...

uniapp路由跳转的六种方式

uniapp路由跳转的六种方式相关推荐

最新文章

热门文章