router.push跳转页面
时间: 2024-07-11 11:01:17 浏览: 138
Vue this.$router.push(参数)实现页面跳转操作
在Vue Router中,`this.$router.push()`方法用于异步导航到新的路由。这个方法接受一个参数,通常是路由对象或者一个路径字符串,它会立即替换当前的视图。
这是一个简单的示例:
```javascript
// 使用路由对象
let route = { name: 'YourRouteName' } // 或者一个完整的对象,如 { path: '/new-page', component: YourComponent }
this.$router.push(route);
// 或者使用路径字符串
this.$router.push('/your-path');
// 如果你想从当前组件的名称动态导航,可以这样写
this.$router.push({ name: this.currentComponentName });
```
请注意,在导航之前,你应该确保已经安装并配置了Vue Router,并且已经在Vue实例上挂载了路由器。如果路由守卫(如`beforeEach`)阻止了导航,`push`方法会返回一个Promise,你可以使用`.catch()`来处理导航失败的情况。
阅读全文