路由传参的三种方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了路由传参的三种方法相关的知识,希望对你有一定的参考价值。

参考技术A query传参可以认为是get传参,参数会在请求的url中显示出来,以?,&连接。

单个的参数可以写在请求的url中,直接以?连接即可,比如

获取的时候用query获取

多个参数的情况下也可以使用对象的形式,跳转通过匹配router的path去相应的组件,比如:

获取的时候依然是用query去获取相应的参数

params传参可以认为是post的方法,因为他的一种传参方法是看不到参数的,获取的时候通过params来获取。通过name来匹配相应的组件。

像这样在url中传入一个参数,这个参数可以是data中的一个数据,也可以是一个动态的参数,在gameInfo页面接收参数的时候用params接收,比如:

这种方法在获取的时候也是一样使用params获取

以上是关于路由传参的三种方法的主要内容,如果未能解决你的问题,请参考以下文章

vue中路由传参的三种基本方式

React路由传参的三种方式

Vue:路由传参的三种方式

VUE - 路由传参的三种方式

Vue路由传参的三种基本方式

Vue路由传参的三种基本方式