vue 中路由传参的几种方式:
说起传参,大家都不陌生。传参是前端人员经常会用到的一个操作,在我们开发过程中,有些情况下我们需要用到上个页面的某个参数,就要使用到路由传参了。接下来本文会详细介绍一下 vue-Router 的几种传参方式,以及一些小细节。
如果我们要实现从A页面
跳转到B页面
,这里我们使用 router-link
的方法去实现,那么该怎么写呢?
<router-link :to="{ A: 'xxx', query: { xx:'xxx' }}" />
<router-link :to="{ A: 'xxx', parmas: { xx:'xxx' }}" />
routes:{
??? }
接下来就有这几个疑惑:
- 这里的 A,我们应该怎么写呢?是用 params 还是 query ?
- routers该怎么去写呢?
- 路由显示出来的效果是什么样的呢?
- 参数传过去之后怎么获取呢?
query 传参:
<router-link :to