uniapp小程序路由传参

uniapp小程序路由传参有以下几种方式：

1.在url中携带参数

// 跳转到目标页面
uni.navigateTo({
  url: '/pages/target/target?id=123&name=zhangsan'
})

在目标页面中可以通过`this.$route.query`获取参数值：

console.log(this.$route.query.id) // 输出：123
console.log(this.$route.query.name) // 输出：zhangsan

2.使用params传参

// 跳转到目标页面
uni.navigateTo({
  url: '/pages/target/target',
  params: {
    id: 123,
    name: 'zhangsan'
  }
})

在目标页面中可以通过`this.$route.params`获取参数值：

console.log(this.$route.params.id) // 输出：123
console.log(this.$route.params.name) // 输出：zhangsan

3.使用query传参

// 跳转到目标页面
uni.navigateTo({
  url: '/pages/target/target',
  query: {
    id: 123,
    name: 'zhangsan'
 }
})

在目标页面中可以通过`this.$route.query`获取参数值：

console.log(this.$route.query.id) // 输出：123
console.log(this.$route.query.name) // 输出：zhangsan