uniapp路由传参params

在uniapp中，可以使用uni.navigateTo或uni.redirectTo方法进行页面跳转并传递参数。其中，传递参数的方式有两种：通过URL传参或通过params传参。

使用params传参的方法如下：

1. 在跳转前页面中调用uni.navigateTo或uni.redirectTo方法，其中第二个参数为一个对象，如下：

uni.navigateTo({
  url: '/pages/detail/detail',
  params: {
    id: '123',
    name: 'uniapp'
  }
})

2. 在接收参数的页面中，可以通过this.$route.params来获取参数，如下：

export default {
  onLoad() {
    console.log(this.$route.params.id) // '123'
    console.log(this.$route.params.name) // 'uniapp'
  }
}

需要注意的是，params传参的数据类型只能是简单类型，不能传递对象等复杂类型。如果需要传递复杂类型的数据，可以考虑使用uni.setStorageSync和uni.getStorageSync方法来进行数据存储和获取。

相关问题

uniapp路由传参接收

在Uniapp中，可以通过两种方式接收路由传参。第一种方式是通过URL参数传递，可以在目标页面中通过$route.query来获取传递过来的参数。这种方式适用于简单的数据传递。第二种方式是通过路由跳转时传递参数，适用于复杂的数据传递。在目标页面中，可以使用$route.params来获取传递过来的参数。通过这两种方式，可以实现页面之间的数据传递和交互。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

uniapp读取路由传参

uniapp可以通过以下方式读取路由传参：
1. 使用`this.$route.query`对象来获取query参数。例如，如果你的URL是`/page?id=1&name=test`，你可以通过`this.$route.query.id`来获取`id`参数的值，通过`this.$route.query.name`来获取`name`参数的值。
2. 使用`this.$route.params`对象来获取动态路由参数。如果你的路由定义为`/page/:id`，你可以通过`this.$route.params.id`来获取`id`的值。