无法在 Vue JS 3 中获取当前路由路径或名称

Question

我正在尝试使用下面的代码来获取当前路线。

import { useRoute } from 'vue-router'

const route = useRoute();
console.log(JSON.stringify(route));
console.log(route.path);

但是我无法获得确切的路由路径，我推送的任何路由，我只在我的路由路径中得到“/”..

有什么原因，为什么我无法获取我的路线名称？

Answer 1

你应该做的第一件事： const 路由器 = useRouter();

然后您可以使用以下代码获取当前页面名称： router.currentRoute.value.name

并使用以下代码获取当前路线路径： router.currentRoute.value.path