您的当前位置:首页正文

【vue】vue-router跳转路径url多种格式

2021-02-16 来源:星星旅游
【vue】vue-router跳转路径url多种格式

1.形如 http://localhost:8080/#/book?id=**** ①路由配置

②路由定向链接,以query传参id

另外,获取query传递的参数id⽤ this.$route.query.id

2.形如 http://localhost:8080/#/book/**** ①路由配置

②路由定向链接,以params传参id

// 当匹配到⼀个路由时,参数值会被设置到 this.$route.params,可以在每个组件内使⽤。// 可以通过this.$route.params.id来取上动态的id

****

// 还可以⽤命名路由的⽅式:

****

// 还可以⽤router.push()的⽅式

router.push({name:'book', params: { id: this.$route.params.id}})

// 以上三种⽅式都可以实现跳转,都可以通过this.$route.params来取到参数

获取params传递的参数id⽤ this.$route.params.id

因篇幅问题不能全部显示,请点此查看更多更全内容