vue跳转页面带参数

云烟溪雪

于 2019-10-21 15:35:36 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/wxl1390/article/details/102664905

45 篇文章

订阅专栏

本文详细介绍了在Vue项目中如何通过路由进行参数传递的方法。首先，在页面的methods中使用$router.push方法设置要跳转的页面名称及参数。然后，在路由配置中定义接收参数的路径。最后，在目标页面中通过this.$route.params获取传入的参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在一个页面中的methods添加下面语句：

 this.$router.push({name: "demo", params: {status: 3}})

2.之后在要跳转到的页面的路由中添加参数配置

 { path: '/demo/:status', name: 'demo', component: (resolve) => { require(['../demo.vue'], resolve) } },

3.在跳转之后的页面使用这个参数

this.status=this.$route.params.status；