this.$router.push如何进行页面跳转
时间: 2023-10-15 07:24:59 浏览: 280
Vue this.$router.push(参数)实现页面跳转操作
你可以使用`this.$router.push`来进行页面跳转。`this.$router.push`是Vue Router的方法,它接受一个路由对象,用于指定目标页面的路径和参数。下面是一个例子:
```javascript
// 在Vue组件中使用this.$router.push进行页面跳转
this.$router.push('/path/to/page'); // 跳转到指定路径的页面
// 也可以通过命名路由进行跳转
this.$router.push({ name: 'page-name' }); // 跳转到具有指定名称的页面
// 可以传递参数
this.$router.push({ path: '/path/to/page', query: { id: 1 } }); // 跳转并传递参数
// 也可以在跳转后执行回调函数
this.$router.push('/path/to/page', () => {
// 回调函数中的代码在页面跳转完成后执行
});
```
这样,当你调用`this.$router.push`时,Vue Router会根据提供的路由对象进行页面跳转。你可以传递目标页面的路径、参数和回调函数等参数来实现不同的跳转行为。
阅读全文