如何在vue.js中通过router.push传递参数？

在Vue.js中，可以通过router.push方法传递参数。router.push方法用于导航到一个新的URL，并且可以通过第二个参数传递参数。

下面是一个示例代码：

// 在Vue组件中
this.$router.push({ path: '/example', query: { id: 1 } })

// 在路由配置中
{
  path: '/example',
  component: ExampleComponent,
  props: (route) => ({ id: route.query.id })
}

在上面的代码中，我们使用router.push方法导航到了路径为'/example'的页面，并通过query参数传递了一个id参数。

在路由配置中，我们可以通过props属性将传递的参数注入到组件的props中，这样在组件中就可以直接使用该参数了。

需要注意的是，传递参数时可以使用query参数，也可以使用params参数，具体使用哪种方式取决于你的需求。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云云数据库MySQL版（CDB），腾讯云对象存储（COS）。

腾讯云产品介绍链接地址：

• 腾讯云云服务器（CVM）
• 腾讯云云数据库MySQL版（CDB）
• 腾讯云对象存储（COS）