router.push怎么携带参数
时间: 2023-10-13 17:53:53 浏览: 287
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
在使用 Vue.js 的 Vue Router 中,你可以使用 `router.push` 方法来进行页面跳转,并携带参数。下面是一个示例代码:
```javascript
// 在组件中使用 router.push 携带参数
this.$router.push({ path: '/example', query: { id: 123 }});
```
在上面的代码中,我们调用了 `router.push` 方法,并传入一个对象作为参数。在这个对象中,`path` 表示跳转的目标路径,`query` 是一个包含参数的对象。
在示例中,我们将路径设置为 `/example`,并通过 `query` 属性传递了一个名为 `id` 的参数,值为 `123`。这样,在跳转到 `/example` 页面时,可以通过 `$route.query.id` 来获取传递的参数值。
如果你想要在跳转时使用命名路由,可以将 `path` 改为对应的路由名称,例如:
```javascript
this.$router.push({ name: 'example', query: { id: 123 }});
```
这样就可以使用路由名称来进行跳转,并携带参数。
希望对你有所帮助!
阅读全文