vue3跳转路由携带参数
    在Vue3中，跳转路由时携带参数的方法与Vue2略有不同。下面介绍两种常见的方法：
    方法一：通过query参数
    在Vue3中，可以通过使用$route对象中的query属性来传递参数。在跳转路由时，可以使用$router.push方法传递query参数，如下所示：
    // 跳转到目标路由，并携带参数
    $router.push({ path: '/target', query: { id: '123' } })
    在目标路由中，可以通过$route对象的query属性获取传递的参数，如下所示：
    // 在目标路由中获取传递的参数
    console.log($route.query.id) // 输出：'123'
    方法二：通过params参数
    在Vue3中，也可以通过使用$route对象中的params属性来传递参数。在跳转路由时，可以使用$router.push方法传递params参数，如下所示：
    // 跳转到目标路由，并携带参数
    $router.push({ path: '/target/123' })
react router 传参
    在目标路由中，可以通过$route对象的params属性获取传递的参数，如下所示：
    // 在目标路由中获取传递的参数
    console.log($route.params.id) // 输出：'123'
    需要注意的是，上述示例中的目标路由需要在路由配置中进行配置，否则会导致路由不匹配的错误。

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