vue中app.vue中使用了router-view标签,如何传参
时间: 2024-03-09 20:46:37 浏览: 116
使用vue-router在Vue页面之间传递数据的方法
在Vue中,可以在路由配置文件中传递参数,然后在组件中通过$router对象获取参数。具体步骤如下:
1. 在路由配置文件中,定义路由规则时可以通过props属性传递参数。例如:
```
{
path: '/user/:id',
name: 'User',
component: User,
props: true
}
```
2. 在组件中,可以通过$router对象获取参数。例如:
```
export default {
name: 'User',
props: ['id'],
mounted () {
console.log(this.id)
}
}
```
3. 在模板中,可以通过路由链接传递参数。例如:
```
<router-link :to="{ name: 'User', params: { id: 123 }}">User</router-link>
```
在上面的代码中,通过params属性传递了一个名为id,值为123的参数。
希望这能够帮助到你,如果还有其他问题,请继续提问。
阅读全文