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>