this.$router.push()
时间: 2024-01-06 16:25:36 浏览: 88
Vue this.$router.push(参数)实现页面跳转操作
this.$router.push()是Vue Router中的一个方法,用于在前端路由中进行页面跳转。它可以通过传递不同的参数来实现不同的跳转方式。
以下是几种常见的使用方式:
1. 通过字符串路径进行跳转:
```javascript
this.$router.push('home');
```
这将导航到名为"home"的路由。
2. 通过对象进行跳转:
```javascript
this.$router.push({ path: 'home' });```
这也将导航到名为"home"的路由。
3. 通过命名的路由进行跳转:
```javascript
this.$router.push({ name: 'user', params: { userId: '123' }});
```
这将导航到名为"user"的路由,并传递参数userId为"123"。
4. 带查询参数的跳转:
```javascript
this.$router.push({ path: 'register', query: { plan: 'private' }});
```
这将导航到名为"register"的路由,并传递查询参数plan为"private",生成的URL为/register?plan=private。
阅读全文