this.$router.push给子路由传参
时间: 2023-10-13 10:11:51 浏览: 122
使用layui的router来进行传参的实现方法
在 Vue 中,可以通过 `props` 属性来向子组件传递参数。如果你想要在使用 `$router.push` 方法跳转到某个子路由时,同时向该子路由传递参数,可以在路由配置文件中为子路由添加 `props: true` 属性。然后在 `$router.push` 方法中指定参数名称和值即可。
例如,在路由配置文件中定义一个子路由:
```javascript
{
path: '/parent',
component: ParentComponent,
children: [
{
path: 'child',
component: ChildComponent,
props: true
}
]
}
```
然后在父组件中使用 `$router.push` 方法跳转到该子路由时,可以这样传递参数:
```javascript
this.$router.push({
path: '/parent/child',
props: {
param1: 'value1',
param2: 'value2'
}
})
```
在子组件中,可以通过 `props` 接收这些参数:
```javascript
export default {
props: ['param1', 'param2'],
...
}
```
阅读全文