router.push跳转
时间: 2023-10-31 13:58:36 浏览: 104
Vue this.$router.push(参数)实现页面跳转操作
router.push是Vue Router中的一个方法,用于进行页面跳转。它可以接受多种参数形式,包括字符串、对象和命名的路由。具体的用法如下:
1. 字符串形式:router.push('home')
这种形式会将当前页面的路由路径修改为'home',实现了页面的跳转。
2. 对象形式:router.push({ path: 'home' })
这种形式同样会将当前页面的路由路径修改为'home',实现页面的跳转。它和字符串形式的区别在于,对象形式可以传递更多的参数,例如查询参数等。
3. 命名的路由形式:router.push({ name: 'user', params: { userId: '123' }})
这种形式可以根据路由的名称进行页面跳转,并且可以传递参数。例如上述例子中,会跳转到名称为'user'的路由,并且在跳转时传递了参数userId为'123'。
4. 带查询参数形式:router.push({ path: 'register', query: { userId: '123' }})
这种形式可以在跳转时传递查询参数,例如上述例子中,会跳转到路径为'register'的路由,并且在跳转时传递了查询参数userId为'123'。
总结起来,router.push方法是Vue Router中用于进行页面跳转的方法。它可以接受字符串、对象和命名的路由作为参数,并根据参数的不同形式实现相应的页面跳转操作。
阅读全文