taro 获取页面跳转传参
时间: 2024-09-09 16:11:17 浏览: 81
Taro是一个用于快速构建跨平台应用的框架,它支持多种前端技术栈如React、Vue等。在Taro中进行页面跳转并传递参数,你可以使用`taro.navigateTo`或者`taro.reLaunch`方法,并通过`params`选项来指定需要传递的数据。
例如,如果你使用React语法:
```jsx
import { Taro } from '@tarojs/taro-react';
// 跳转到另一个页面并传参
Taro.navigateTo({
url: '/pages/nextPage/nextPage',
params: {
key1: 'value1', // 页面接受的参数
key2: 'value2'
}
});
```
对于Vue:
```vue
<template>
<button @click="goToNextPage">跳转</button>
</template>
<script>
export default {
methods: {
goToNextPage() {
this.$taro.navigateTo({
url: '/pages/nextPage/nextPage',
params: {
key1: 'value1',
key2: 'value2'
}
});
}
}
}
</script>
```
注意,接收参数的页面需要通过`options.routes`配置来接收这些参数,例如:
```tsx
// pages/nextPage/index.tsx (React)
const routes = [
{
path: '/nextPage',
component: () => import('./NextPage'),
options: {
dynamicParams: ['key1', 'key2'] // 指定动态参数名
},
},
];
export default {
Router: () => routes,
};
```
阅读全文