uniapp跳转路径如何携带参数

在UniApp中，可以使用uni.navigateTo或uni.redirectTo方法进行页面跳转，并且可以在跳转的URL中携带参数。

例如，假设要跳转到名为"detail"的页面，并且携带参数id=123，可以按照以下方式构建URL：

let id = 123;
uni.navigateTo({
  url: '/pages/detail/detail?id=' + id
});

在目标页面的onLoad方法中，可以通过this.$route.query来获取传递的参数：

export default {
  onLoad(query) {
    let id = query.id;
    console.log('参数id:', id);
  }
}

这样，就可以在跳转页面后获取到参数id的值。注意，如果使用的是redirectTo方法进行跳转，上一个页面将被关闭，而navigateTo则会保留上一个页面。

希望对你有所帮助！如果还有其他问题，请继续提问。

相关问题

uniapp跳转页面携带参数

在 UniApp 中，可以使用 `uni.navigateTo` 或 `uni.redirectTo` 方法实现页面跳转，并携带参数。下面是一个示例：

// 在当前页面跳转到目标页面，并携带参数
uni.navigateTo({
  url: '/pages/targetPage/targetPage?param1=value1&param2=value2', // 目标页面的路径，参数使用 '?' 和 '&' 进行连接
  success: function(res) {
    console.log('跳转成功');
  },
  fail: function(err) {
    console.log(err);
  }
});

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

// 在目标页面中获取传递的参数
console.log(this.$route.query.param1); // 输出 'value1'
console.log(this.$route.query.param2); // 输出 'value2'

如果你想使用 `uni.redirectTo` 方法进行跳转，用法与 `uni.navigateTo` 类似，只是 `redirectTo` 是关闭当前页面后再跳转到目标页面。

希望这个示例对你有帮助！如果你有更多问题，可以继续问我。

uniapp跳转页面携带参数，新页面如何获取参数 我使用了script setup

在uni-app中，如果你需要在跳转页面时携带参数，并在目标页面通过JavaScript获取这些参数，可以使用`this.$route.query`对象。`query`属性用于存储URL查询字符串，也就是URL中问号后面的部分。下面是一个简单的示例：

<!-- 跳转页面的组件 -->
<template>
  <button @click="redirectToPage">点击跳转</button>
</template>

<script setup>
import { useRouter } from '@/uni-app/router'

function redirectToPage() {
  const router = useRouter()
  router.push({
    path: '/targetPage', // 目标页面路径
    query: {
      key1: 'value1', // 参数1
      key2: 'value2' // 参数2
    }
  })
}
</script>

然后，在目标页面（如`pages/targetPage.vue`），你可以这样获取参数：

<!-- targetPage.vue -->
<template>
  <div>
    <p>参数key1的值：{{ $route.query.key1 }}</p>
    <p>参数key2的值：{{ $route.query.key2 }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  created() {
    console.log('当前路由查询参数:', this.$route.query) // 这里会打印所有查询参数
  }
}
</script>