$router.push
时间: 2023-07-24 21:16:11 浏览: 183
Vue this.$router.push(参数)实现页面跳转操作
`$router.push` 是 Vue Router 提供的一个方法,用于进行路由导航跳转。它可以用来在代码中实现页面跳转的功能。
通过 `$router.push` 方法,你可以传入一个路由地址或者一个包含路由参数的对象,然后 Vue Router 会根据你提供的信息进行页面跳转。
以下是一个示例:
```javascript
// 在 Vue 组件中使用 $router.push 方法
methods: {
goToPage() {
// 跳转到 /about 页面
this.$router.push('/about');
// 带参数跳转到 /user 页面
this.$router.push({ path: '/user', params: { id: 1 } });
}
}
```
使用 `$router.push` 方法可以实现路由的编程式导航,跳转到指定的页面或者带参数跳转到指定页面。
阅读全文