uniapp项目带参数的路由跳转怎么写
时间: 2024-03-02 14:26:56 浏览: 27
在uniapp中,带参数的路由跳转可以通过以下方式实现:
1. 在跳转的页面中,通过 `this.$route.params` 获取参数,例如:
```
<template>
<view>
<text>{{ $route.params.id }}</text>
</view>
</template>
<script>
export default {
mounted() {
console.log(this.$route.params.id)
}
}
</script>
```
2. 在跳转的页面中,通过 `this.$route.query` 获取参数,例如:
```
<template>
<view>
<text>{{ $route.query.id }}</text>
</view>
</template>
<script>
export default {
mounted() {
console.log(this.$route.query.id)
}
}
</script>
```
3. 在跳转页面时,通过 `uni.navigateTo` 方法传递参数,例如:
```
uni.navigateTo({
url: '/pages/detail/detail?id=123'
})
```
4. 在跳转页面时,通过 `uni.navigateTo` 方法传递参数对象,例如:
```
uni.navigateTo({
url: '/pages/detail/detail',
query: {
id: 123
}
})
```
注意:使用参数对象传递参数时,需要在跳转的页面中通过 `this.$route.query` 获取参数。