vue3进入新页面请求接口时候如何获取路由上的参数

在Vue3中，当你从一个页面跳转到另一个页面并携带参数时，通常会通过URL查询参数或者路径参数来传递数据。这里有两个常用的方式：

1. **URL查询参数**：
- 使用`this.$router.query`：在新页面的组件内，你可以使用`this.$route.query`属性来获取从URL查询字符串中带过来的参数。例如：

     created() {
       const paramFromRoute = this.$route.query.yourParameter;
       console.log(paramFromRoute);
     }

2. **路径参数（动态路由）**：
- 如果你是通过动态路由（如`/:id`）传参，可以使用`this.$route.params`：

     created() {
       const paramFromRoute = this.$route.params.yourParameter;
       console.log(paramFromRoute);
     }

在跳转时，可以将参数附加到URL上，例如：

// 跳转并带参数
this.$router.push({ name: 'YourPage', query: { yourParameter: 'yourValue' } });

或者如果你是在使用vue-router的`generate`方法动态生成链接：

const linkWithParams = this.$router.resolve({ name: 'YourPage', params: { yourParameter: 'yourValue' } }).href;

记得在组件的生命周期钩子中获取参数，因为参数会在路由改变后立即可用。