uniapp页面跳转获取参数

在uniapp中，可以通过以下方式进行页面跳转并传递参数：

1. 使用uni.navigateTo()方法进行跳转，同时在url中添加参数，例如：

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

2. 在跳转的目标页面中，可以通过this.$route.query获取传递的参数，例如：

export default {
  onLoad() {
    console.log(this.$route.query.id) // 输出：123
    console.log(this.$route.query.name) // 输出：apple
  }
}

相关问题

uniapp页面跳转传参数

在uniapp中，可以通过URL参数来进行页面跳转传递参数。一种常用的方法是使用uni.navigateTo函数，其中的url参数可以包含需要传递的数据。例如，可以使用以下代码进行页面跳转传参：

uni.navigateTo({
  url: 'test?id=1&name=uniapp'
});

在上述代码中，通过url参数传递了id和name两个参数，它们的值分别为1和uniapp。在接收页面的onLoad函数中，可以通过参数option来接收传递的参数，并通过option.id和option.name来获取具体的值。例如：

onLoad: function (option) {
  console.log(option.id); // 输出1
  console.log(option.name); // 输出uniapp
}

通过这种方式，可以在不同页面之间传递参数并在接收页面中进行处理和使用。

uniapp页面跳转带参数

在uniapp中，可以使用`uni.navigateTo`方法进行页面跳转，并且可以通过url参数传递数据。具体步骤如下：

1. 在起始页面中使用`uni.navigateTo`方法跳转到目标页面，并在url中添加参数，例如：

   uni.navigateTo({
     url: 'test?id=1&name=uniapp'
   });

2. 在目标页面的`onLoad`生命周期函数中，通过`option`参数获取传递的参数，并进行解析，例如：

   onLoad(option) {
     const id = option.id;
     const name = option.name;
     console.log(id, name);
   }

注意：由于url中的参数是以字符串形式传递的，因此需要进行解析，可以使用`JSON.parse`和`decodeURIComponent`方法进行解析。

完整代码如下：

// 起始页面
uni.navigateTo({
  url: 'test?id=1&name=uniapp'
});

// 目标页面
onLoad(option) {
  const id = option.id;
  const name = option.name;
  console.log(id, name);
}