taro跳转页面传参的几种方式

我之前在网上也搜了挺多taro传参的方式，这里我总结一下

1. 路由跳转分Taro.navigateTo与Taro.redirectTo，但是这两种方法只适用于传递少量参数

Taro.navigateTo跳转时是将新的页面加载过来，最多加载到10层，返回时去的是上一页；

Taro.redirectTo跳转的同时将当前页面销毁，返回时去的是上上页

传递

Taro.navigateTo({ url: '/pages/index/login/selectUser？id=1&test='+test })

Taro.navigateTo({ url: '/pages/index/login/selectUser？id='+传递的数值+'name='+传递的数值})

接收都是一样的

import Taro, { useRouter } from '@tarojs/taro';

接收路由跳转带过来的参数

const router = useRouter();

const a: any = router.params.id;

const b: any = router.params.test;

也可以这样子接收

const a: any = getCurrentInstance().router.params.id;

const b: any =getCurrentInstance().router.params.test;

1. 传递大量参数

使用这个传递一次之后你可以在任何页面接收

const list: any = [];

list.value = res.data.list;

//传递数据，可传数组、对象、单个数据等等，list只是我自定义的一个名称可自己随便输入

Taro.preload({ list: list.value，name:name.value });

接收时

//接受跳转传递过来的值，不管传过来什么的都是存在preloadData里面

dataList.value = Taro.getCurrentInstance().preloadData;

const a:any = dataList.value.传过来的自定义数据集合名称这里我用的是list.里面存放的字段名，数组对象等等

const a:any = dataList.value.list;

const a:any = dataList.value.name

接收之后就可以根据传递过来的数据类型，字段名称进行赋值等等，本人亲测有效