路由传参与参数获取

路由传参: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即可。

给TA买糖
共{{data.count}}人
人已赞赏
vue

路由只能访问首页

2018-6-13 12:01:09

vue

获取父级组件属性

2018-6-15 13:55:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索