router.beforeEach如何拿到路由的传参
时间: 2023-12-26 18:28:51 浏览: 175
vue router导航守卫(router.beforeEach())的使用详解
5星 · 资源好评率100%
在`router.beforeEach`中,可以通过`to`参数来获取路由的传参。`to`参数是即将进入的目标路由对象,它包含了路由的各种信息,包括路由的路径、参数、查询参数等。
下面是一个示例代码,演示如何在`router.beforeEach`中获取路由的传参:
```javascript
router.beforeEach((to, from, next) => {
console.log("to", to) // 打印即将进入的目标路由对象
console.log("from", from) // 打印当前导航正要离开的路由
// 获取路由的传参
const params = to.params
console.log("params", params) // 打印路由的传参
next() // 调用next方法来 resolve这个钩子
});
```
在上述代码中,`to.params`可以获取到路由的传参,你可以根据需要对传参进行处理或使用。
阅读全文