uni.navigateTo 传递多个参数 - 两种方法详解

uni.navigateTo 方法可以传递多个参数，可以通过在 url 中传递参数或通过 query 参数传递参数。

1. 通过 url 传递参数

可以在 url 中直接传递参数，如下所示：

uni.navigateTo({
  url: '/pages/detail/detail?id=123&name=apple'
})

在跳转到 detail 页面时，会将 id 和 name 参数传递到 detail 页面中，可以通过以下方式获取参数：

onLoad: function (options) {
  console.log(options.id) //输出 123
  console.log(options.name) //输出 apple
}

2. 通过 query 参数传递参数

可以将参数封装成一个对象，在 query 参数中传递，如下所示：

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

在跳转到 detail 页面时，会将 query 参数传递到 detail 页面中，可以通过以下方式获取参数：

onLoad: function (options) {
  console.log(options.query.id) //输出 123
  console.log(options.query.name) //输出 apple
}

总的来说，无论使用哪种方式传递参数，都可以实现传递多个参数的功能。