vue的query和params跳转传参

最新推荐文章于 2024-12-12 17:17:57 发布

原创最新推荐文章于 2024-12-12 17:17:57 发布 · 259 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue.js

前端专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了Vue中通过params和query方式进行路由传参的方法。包括如何设置路由、如何跳转页面及如何获取传入的参数。

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

params：/router1/:id    ==》  /router1/123       这里的id叫做params
query：/router1?id=123  ==》  /router1?id=456       这里的id叫做query

1.params
	跳转： this.$router.push({ name: 'childPage', params: { id: id } })
	要对应路由配置如下：{
        path: '/childPage',
		name: 'childPage',
        component: childPage
     }
	获取参数：this.$route.params.id
2.query
	跳转：this.$router.push({ path: '/childPage', query: { id: id } })
	需要对应路由配置如下： {
        path: '/childPage',
        name: 'childPage',
         component: childPage
      }
	 获取参数：this.$route.query.id