在 Vue3 和 Vue-router 中获取当前路线的最佳方法?

问题描述

我正在尝试使用 Vue3 和 Vue-router 获取当前路径(类似于 "https://example.com/some/path").

I am trying to get the current path (something like "https://example.com/some/path") with Vue3 and Vue-router.

之前，在使用 Vue2 时，我可以使用:

Before, when using Vue2, I could get the current route using:

    // works with vue 2.x with composition-api, but not with vue 3.x
    setup(_, ctx) {
        const path = computed(() => ctx.root.$route.path)

但在 Vue3 中不可能使用 ctx.root (如 Evan You 所述).
那么使用 Vue3 获取当前路由的首选方法是什么?

but in Vue3 it is not possible to use ctx.root (as stated by Evan You here).
So what is the preferred way to get the current route with Vue3?

推荐答案

你可以使用组合函数 useRoute :

You could use composable function useRoute :

import {useRoute} from 'vue-router'
import {computed} from 'vue'
...

setup(){
   const route=useRoute();

   const path = computed(() =>route.path)
}

这篇关于在 Vue3 和 Vue-router 中获取当前路线的最佳方法?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！