代码解释$router.push
时间: 2023-06-28 17:11:47 浏览: 94
Vue this.$router.push(参数)实现页面跳转操作
$router.push是Vue Router提供的一个方法,它可以用来跳转到指定的路由。
在Vue.js单页应用中,路由可以帮助我们实现页面之间的跳转和导航。使用$router.push方法可以通过编程方式进行路由跳转,比如在点击按钮或者链接时触发。
$router.push方法的参数可以是一个路由地址字符串,也可以是一个描述路由的对象。例如:
```javascript
this.$router.push('/home') // 跳转到名为home的路由
this.$router.push({ path: '/home' }) // 与上面的方法等价
```
此外,$router.push方法还支持一些其他的选项,例如:
```javascript
this.$router.push({
name: 'home', // 路由的名称
params: { id: 123 }, // 路由参数
query: { page: 1 }, // 查询参数
hash: '#anchor', // 锚点
replace: true // 替换当前路由
})
```
其中,params和query是路由参数和查询参数,可以在目标路由组件中通过$route.params和$route.query来获取。hash是用于跳转到锚点的,replace选项表示是否替换当前路由,如果将其设置为true,则不会在浏览器历史记录中留下记录。
阅读全文