vue2中使用this.$router.push跳转详情
时间: 2023-06-28 08:11:20 浏览: 217
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
5星 · 资源好评率100%
在 Vue2 中使用 `this.$router.push` 可以实现路由的跳转。下面是一个简单的例子:
```javascript
// 在某个组件中
this.$router.push('/detail')
```
其中 `/detail` 是一个路由地址,你需要在路由配置中定义这个路由地址对应的组件,具体可以参考 Vue Router 的官方文档。
如果需要传递参数的话,可以在路由地址中添加参数,例如:
```javascript
this.$router.push('/detail?id=123')
```
然后在目标组件中可以通过 `$route.query.id` 获取到参数值。如果需要更加灵活的参数传递方式,可以考虑使用路由的动态参数或命名路由。
阅读全文