react router路由传参
router 中获取路由中的参数
    在使用路由时,我们经常需要获取路由中的参数,以便进行相应的操作。在 router 中,获取路由中的参数可以通过以下几种方式实现:
    1. 使用 $route.params
    $route.params 是一个对象,包含了当前路由中的参数。我们可以通过访问该对象来获取路由中的参数。例如:
    this.$route.params.id
    这样可以获取路由中名为 id 的参数的值。
    2. 使用 props
    在路由配置中,我们可以将路由参数以 props 的形式传递给组件。这样,在组件中就可以通过 props 访问路由参数。例如:
    {
    path: '/user/:id',
    component: User,
    props: true
    }
    在 User 组件中,我们可以通过 props 访问路由参数:
    props: ['id']
    3. 使用 $router.currentRoute
    $router.currentRoute 是一个对象,包含了当前路由的一些信息,包括路由参数。我们可以通过访问该对象来获取路由中的参数。例如:
    this.$router.currentRoute.params.id
    这样可以获取当前路由中名为 id 的参数的值。
    通过以上几种方式,我们可以方便地在 router 中获取路由中的参数,从而实现相应的功能。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。