vue3获取当前页面的路由

您可以使用Vue Router提供的$route对象来获取当前页面的路由。具体代码如下：

import { getCurrentInstance } from 'vue'

const { proxy } = getCurrentInstance()

const currentRoute = proxy.$route

这段代码会返回当前页面的路由信息，包括路径、参数等。

相关问题

vue3获取当前页面路由参数

在 Vue3 中，你可以使用内置的 `this.$route` 对象来获取当前页面的路由参数。`$route` 属于 Vue Router 提供的服务，它包含了关于当前路由的信息。如果你想获取路由参数，可以像下面这样操作：

// 在组件内的生命周期钩子函数内获取
export default {
  setup() {
    const queryParams = () => this.$route.query; // 查询字符串参数
    const routeParams = () => this.$route.params; // 路径参数

    // 如果你想获取特定参数，例如 'id'
    const idParam = () => parseInt(this.$route.params.id);

    return { queryParams, routeParams, idParam };
  }
}

在模板中，你可以直接访问这些变量：

<template>
  <div>
    查询字符串参数: {{ queryParams.name }}
    <br/>
    路径参数: {{ routeParams.id }}
    <br/>
    ID 参数: {{ idParam }}
  </div>
</template>

vue如何获取当前页面路由

你可以使用 Vue Router 提供的 `$route` 对象来获取当前页面的路由信息。`$route` 对象包含了当前页面的路由路径、参数、查询字符串等信息。以下是一个示例代码：

<template>
  <div>
    <p>当前页面的路由路径是: {{ $route.path }}</p>
    <p>当前页面的查询参数是: {{ $route.query }}</p>
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$route.path) // 打印当前页面的路由路径
    console.log(this.$route.query) // 打印当前页面的查询参数
  }
}
</script>

在上面的代码中，我们通过 `$route.path` 获取当前页面的路由路径，通过 `$route.query` 获取当前页面的查询参数。当然，你也可以在生命周期函数中使用 `$route` 对象来获取当前页面的路由信息。