this.$router.push用法
时间: 2023-07-17 15:05:19 浏览: 103
Vue this.$router.push(参数)实现页面跳转操作
this.$router.push用于进行路由导航,即通过编程方式进行页面跳转。
使用该方法的一般语法为:
this.$router.push(location)
其中,location可以是一个字符串或一个包含路径、查询参数和哈希值的对象。例如:
1. 字符串形式的路由路径:
this.$router.push('/home')
2. 包含路径、查询参数和哈希值的对象形式:
this.$router.push({ path: '/home', query: { id: 1 }, hash: '#section' })
在上述示例中,'/home'是要跳转的目标页面的路径,query对象表示要传递的查询参数,hash表示要跳转到目标页面的具体位置。
需要注意的是,该方法只能在Vue组件中使用,并且要确保Vue Router已经正确配置和安装。
阅读全文