vue beforeRouteEnter获取不到from
时间: 2023-09-09 21:13:53 浏览: 95
vue router 传参获取不到的解决方式
5星 · 资源好评率100%
对不起,我刚才的回答有误。确实在 `beforeRouteEnter` 导航守卫中无法直接访问 `from` 对象。在 `beforeRouteEnter` 中,无法获取到上一个路由的相关信息。
如果你需要在 `beforeRouteEnter` 中获取上一个路由的参数,可以考虑使用其他导航守卫,如 `beforeRouteUpdate` 或 `beforeEach`。
下面是一个使用 `beforeEach` 导航守卫来获取上一个路由参数的示例:
```javascript
// 路由配置文件
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router = new Router({
routes: [
{
path: '/user/:id',
name: 'User',
component: User
}
]
})
router.beforeEach((to, from, next) => {
// 在这里可以通过 from.params 获取上一个路由的参数
const id = from.params.id
next()
})
export default router
```
在上述示例中,我们使用 `beforeEach` 导航守卫来获取上一个路由的参数。通过 `from.params` 可以获取到上一个路由的参数值。
请注意,在 `beforeEach` 中获取到的参数可以在整个应用程序中使用,而不仅限于某个组件中。
希望这次回答能够帮助到你,对之前的回答表示抱歉。如果还有其他问题,请随时提问。
阅读全文