在onMounted里跳转过来 并不会打印to和
时间: 2024-04-08 16:34:01 浏览: 54
非常抱歉,我之前的回答有误。在 `onMounted` 钩子函数中,无法直接获取到上一个页面的路由信息,因为 `from` 属性只会在路由跳转时被设置。
如果你想要在页面加载后获取上一个页面的路由信息,你可以使用 `beforeRouteLeave` 导航守卫来保存上一个页面的路径。下面是一个示例代码:
```javascript
import { onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
onMounted(async () => {
const route = useRoute();
const router = useRouter();
const previousPath = ref('');
router.beforeRouteLeave((to, from, next) => {
previousPath.value = from.path;
next();
});
console.log(previousPath.value, 'previous path');
// 其他代码...
});
```
在上述代码中,我们使用 `beforeRouteLeave` 导航守卫来捕获每次路由离开的信息,并将上一个页面的路径存储在 `previousPath` 变量中。在 `console.log` 中,你就可以输出 `previousPath.value` 来获取上一个页面的路径。
请确保你已经正确地导入和使用了 `useRoute` 和 `useRouter` 函数,并且已经在项目中正确地安装和配置了 Vue Router。再次对之前的错误回答表示道歉。
阅读全文