vue3 通过router获取 .vue 的绝对路径
时间: 2023-08-12 15:57:49 浏览: 244
要通过Vue Router获取.vue文件的绝对路径,你可以使用$route对象的属性。在Vue Router中,$route对象包含了当前路由的信息。
要获取.vue文件的绝对路径,可以使用$route对象的fullPath属性。fullPath属性返回当前路由的完整路径,包括查询参数和hash。
例如,假设你有一个名为"MyComponent"的.vue组件,你可以在组件中使用$route.fullPath来获取该组件的绝对路径:
```vue
<template>
<div>
<p>{{ $route.fullPath }}</p>
</div>
</template>
<script>
export default {
// ...
}
</script>
```
这样,当你访问该组件时,它会显示该组件的绝对路径。注意,为了能够使用$route对象,你需要确保在组件中引入了Vue Router,并在Vue实例中使用了Vue Router。
希望能帮到你!如果有任何疑问,请随时提问。
阅读全文