定义动态路由获取动态参数,动态路由配置详细教程不用打代码

首页 > 实用技巧 > 作者:YD1662023-06-27 02:33:57

我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件,例如,我们有一个 User组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染,那么,我们可以在 vue-router的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果。

1、动态路径参数,使用“冒号”开头,一个路径参数,使用冒号标记,当匹配到一个路由时,参数会被设置到 this.$router.params 中,并且可以在每个组件中使用。

2、现在我们知道了可以通过动态路由传参,在路由中设置了,多段路径参数后,对应的值分别都会设置到$router.query 和$router.params 中。

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.