路由传参与参数获取 2018-06-14 12:00:25

路由传参:id,如图:

{
    path: '/special/:id',
    name: 'Special',
    component: Special
}

有两种获取地址参数的方法:

1、this.$route.params

该方法可以获取地址上的id,比如/abc/1 使用该方法,就可以获取到1这个值,读取只需要this.$route.params.id即可,但要注意,使用该方法,无法获取到1以外的值,比如/abc/1?b=2,只能获取到1,而得不到b=2

2、this.$route.query

该方法与1中的params刚好相反,params只能获取到id的值,或者说是/后面的第一个值,比如/abc/1或者/abc/def,如果是字母,则获取def。

使用query,只能获取到?后面的参数,比如/abc/1?b=2&c=3,使用query,只能得到b=2和c=3,读取只需要this.$route.query.b即可。    

  1. Laravel5.7
  2. 微信相关
  3. Mysql
  4. 前端开发
  5. 随记
  6. 写作素材
  7. 开发工具
  8. 互联网