$router.push带参数
时间: 2023-10-17 10:37:27 浏览: 77
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
使用$router.push()方法可以导航到一个新的URL,并且可以传递参数。以下是一个示例:
```javascript
// 在使用该方法之前,确保已经引入了Vue Router并且已经在Vue实例中注册了路由器
// 导航到带参数的URL
this.$router.push({ path: '/example', query: { id: 1 } })
// 或者你可以使用命名路由
this.$router.push({ name: 'example', params: { id: 1 } })
```
在上述示例中,我们使用`$router.push`方法导航到一个名为`example`的路由,并传递一个名为`id`的参数。你可以根据你的路由配置和需求来选择使用`query`或`params`对象来传递参数。
阅读全文