uni路由跳转和传参
本文将带您深入了解uni路由跳转和传参的各个方面，包括（细分内容）。同时，我们还会介绍一些与此相关的，希望能为您提供帮助。
本文目录一览：
uniapp页面跳转不用onload传递参数
首先uniapp提供了三种事件跳转方法：
一、uni.navigateTo({})
uni.navigateTo({
url: 'test?id=1name=uniapp'
});
注意：该方法只能跳转至非tabbar页面，传递少量参数
二、uni.switchTab({})
uni.switchTab({
url:"/pages/car/car?name=name"
})
注意：该方法可以跳转至tabbar页面，并传递参数；在跳转页面使用onLoad或onShow生命周期接收（onLoad加载过的页面不会重新加载；onShow则没有这个问题）
onLoad: function(obj) { //option为object类型，会序列化上个页面传递的参数
console.log(obj); //打印出上个页面传递的参数。
},
onShow(){
let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
let curRoute = routes[routes.length - 1].route //获取当前页面路由
console.log("当前页面的路由",curRoute);
let curParam = routes[routes.length - 1].options; //获取路由参数
console.log("当前页面的参数",curParam);
},
三、uni.reLaunch（{}）
uni.reLaunch({
url:"/pages/car/car?name=name"
})
注意：关闭所有页面，打开到应用内的某个页面；可以配合uni.setStorageSync本地缓存需要传递的参数，在跳转到tabbar页面后用onShow 和 uni.getStorageSync拿到存储的参数。
toSomePage(){
uni.setStorageSync('option',{id:123, val:'switchTab'})
uni.switchTab({
url:'pages/home/index'
});
}
// tabbar 页面
onLoad(option){
console.log(option); // {}
},
onShow(){
let option = uni.getStorageSync('option');
console.log(option); // {id: 123, val: reLaunch}
}
uniapp 页面跳转传值和接收
首先介绍最原始的跳转方法，类似于html中的 a 标签，不过在uniapp中需要将 a 标签换成
navigator url='跳转的地址'……/navigator
下面我们来重点介绍下跳转传值的方法
view @tap="toOpportnity(item.id)"转商机/view；
写一个onLoad函数
对象传参的接收方法
单个参数的接收，这里使用id来进行介绍
首先要把传递过来的id进行赋值
请求接口，接口的url地址后面要加上传递过来的id【 /${this.id}/ 】
完整步骤如下：
对象传参报错解决方案（详细请看本篇文章： ）
GET : 请求页面， 并返回页面内容【问服务器要数据】。
POST : 大多用于提交表单或上传文件，数据包含在请求体中【把数据提交给服务器】。
HEAD : 类似于GET请求，只不过返回的响应中没有具体的内容，用于获取报头。
PUT : 从客户端向服务器传送的数据取代指定文档中的内容【修改服务器上的数据】。
DELETE : 请求服务器删除指定的页面。
CONNECT : 把服务器当作跳板，让服务器代替客户端访问其他页面。
OPTIONS : 允许客户端查看服务器的性能。
TRACE : 回显服务器收到的请求，主要用于测试或诊断。
uniapp 页面跳转和传参
参考官网：
注意： url 的路径必须以 / 开始
跳转并传参
在目标页面获取参数
跳转并传参
在目标页面获取参数
跳转并传参
在目标页面获取参数
跳转并传参
在目标页面获取参数
在目标页面接收参数
三、Uni-app + vue3 页面如何跳转及传参？
Vue 项目往往需要使用 vue-router 插件，刚开始入门 Uni-app + Vue3 项目的同学，会不会想着路由使用 vue-router V4 版本不就可以了吗？
不怕大家笑话，我就是这样想的，毕竟我是第一次使用 Uni-app ，由于孕期记性贼差，所以我决定写成笔记，加深记忆。
uni-app 页面路由为框架统一管理的，我们需要在 page.json 文件里配置每个页面路由以及页面样式，有些类似小程序中的 app.json 文件，所以 uni-app 的路由用法和写法与 vue-router 不同。
项目初始化完成，对应的 page.json 文件为：
uni-app 通过 pages 节点配置应用都有哪些页面，接收一个数组，每个元素都是一个对象，属性有：
uni-app 页面路由跳转有两种方式：使用 navigator 组件跳转、调用API 跳转。
1、navigator组件跳转
类似于 a 标签，但是只能跳转到本地页面，目标页面必须在 page.json 中注册。
navigator 属性有：
open-type 有效值
2、uni-app API 跳转
使用 API 页面跳转方式有：
框架以栈的形式管理当前所有页面， 当发生路由切换的时候，页面栈的表现如下：
方式1：onLoad 接收
方式2：setup语法糖接收
onLoad 函数是监听页面加载，接收的参数是页面传递的数据，是一个 object 类型。
看到这，相信很快就能上手 uni-app + vue3 项目路由喽，也可以参考官网教程：
通过本文提供的步骤和技巧，你可以轻松地设置你的路由器和Wi-Fi，并开始享受无线上网的便利。但请记住保护你的网络安全，使用强密码并定期更改密码，以保护你的数据安全。
