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

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

之前,在使用 Vue2 时,我可以使用以下方法获取当前路线:

    // 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 获取当前路由的首选方法是什么?

回答

您可以使用可组合功能useRoute

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

setup(){
   const route=useRoute();

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


以上是在Vue3和Vue-router中获取当前路线的最佳方法?的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>