vue获取历史路由
时间: 2023-07-27 10:18:53 浏览: 92
你可以使用 Vue Router 提供的 `$route` 对象来获取历史路由。具体来说,可以通过 `$route` 对象中的 `matched` 属性来获取当前路由匹配的所有路由记录,从而得到历史路由。
例如,你可以通过以下代码获取当前路由匹配的所有路由记录:
```js
const matched = this.$route.matched;
```
然后,你可以通过遍历 `matched` 数组来获取历史路由,例如:
```js
const historyRoutes = matched.slice(0, matched.length - 1);
```
其中,`historyRoutes` 数组中的每个元素表示一个历史路由记录。你可以根据自己的需求来使用这些历史路由记录。
相关问题
怎么获取vue路由历史栈记录
您可以使用Vue Router提供的$router.history对象来获取Vue路由历史栈记录。您可以使用$router.history.current属性来获取当前路由记录,使用$router.history.go(-1)方法来返回上一个路由记录,使用$router.history.go(1)方法来前进到下一个路由记录。如果您需要获取完整的路由历史记录,您可以使用$router.history.stack属性。
vue3查看路由历史
在Vue3中,可以通过 `useRoute()` 和 `useRouter()` 这两个 Composition API 函数来获取路由信息和路由实例。使用 `useRoute()` 可以轻松获取当前路由信息,使用 `useRouter()` 可以获取路由实例,进而获取路由历史。
具体步骤如下:
1. 在Vue3组件中导入 `useRoute()` 和 `useRouter()` 函数。
```javascript
import { useRoute, useRouter } from 'vue-router';
```
2. 使用 `useRoute()` 函数获取当前路由信息。
```javascript
const route = useRoute();
```
3. 使用 `useRouter()` 函数获取路由实例。
```javascript
const router = useRouter();
```
4. 使用路由实例的 `getRoutes()` 方法获取路由历史。
```javascript
const history = router.getRoutes();
```
下面是一个示例代码片段:
```javascript
import { useRoute, useRouter } from 'vue-router';
export default {
setup() {
const route = useRoute();
const router = useRouter();
console.log(route); // 打印当前路由信息
const goBack = () => {
router.go(-1); // 后退一步
}
const history = router.getRoutes();
console.log(history); // 打印路由历史
return {
goBack
}
}
}
```