本文主要是介绍vue中路由参数，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
1.使用动态路由传参
this. r o u t e r . p u s h ( ‘ / i n d e x / router.push(`/index/ router.push(‘/index/(id)`)
这时候可以用this.$route.params获取这个参数。
2.使用query传参
this. r o u t e r . p u s h ( p a t h : ′ i n d e x ′ , q u e r y : i d : 1 q u e r y 传 参 相 当 于 g e t 传 参 ， 会 出 现 再 路 径 上 ， 并 且 用 ？ 隔 开 。 它 的 传 参 会 有 长 度 限 制 。 使 用 的 时 候 可 以 用 t h i s . router.push({ path: 'index', query: { id: 1} } query传参相当于get传参，会出现再路径上，并且用？隔开。它的传参会有长度限制。 使用的时候可以用this. router.push(path:′index′,query:id:1query传参相当于get传参，会出现再路径上，并且用？隔开。它的传参会有长度限制。使用的时候可以用this.route.query来获取
3.使用params传参
this. r o u t e r . p u s h ( p a t h : ′ / i n d e x ′ , p o s t : i d : 1 ) p a r a m s 不 要 和 p a t h 一 起 使 用 ， 一 般 和 n a m e 一 起 组 合 使 用 ！ ！ ！ p a r a m s 传 参 相 当 于 p o s t 传 参 ， 参 数 不 会 显 示 ， 并 且 没 有 长 度 限 制 。 使 用 的 时 候 用 t h i s . router.push({ path: '/index', post: { id:1 } }) params不要和path一起使用，一般和name一起组合使用！！！ params传参相当于post传参，参数不会显示，并且没有长度限制。 使用的时候用this. router.push(path:′/index′,post:id:1)params不要和path一起使用，一般和name一起组合使用！！！params传参相当于post传参，参数不会显示，并且没有长度限制。使用的时候用this.route.params来获取
实际的使用
可以在路由表里事先定义：
使用的时候可以获取参数this.$router.params
也可以做跳转的时候放一个参数带走：
这篇关于vue中路由参数的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
