this.$router.push传递参数如何接收
时间: 2023-10-31 11:57:45 浏览: 157
在vue-router中,可以使用props来接收通过`$router.push`传递的参数。以下是一些具体的步骤:
1. 在定义路由规则时,使用`props: true`来启用props传递参数。例如:
```javascript
const routes = [
{
path: '/example',
name: 'Example',
component: ExampleComponent,
props: true
}
];
```
2. 在目标组件中,使用props属性接收传递的参数。例如,在ExampleComponent组件中:
```vue
<template>
<div>
<h2>{{ name }}</h2>
<p>{{ description }}</p>
</div>
</template>
<script>
export default {
props: ['name', 'description']
}
</script>
```
3. 当使用`$router.push`进行路由跳转时,可以传递一个对象来传递参数。例如:
```javascript
this.$router.push({
name: 'Example',
params: {
name: 'Example Name',
description: 'Example Description'
}
});
```
这样,在ExampleComponent组件中,你就可以通过`this.name`和`this.description`来访问传递的参数了。
希望能帮到你!如果还有其他问题,请随时提问。
阅读全文