首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在router.push() (Vue.js)中将参数从一个组件传递到另一个组件?

在Vue.js中,可以使用router.push()方法将参数从一个组件传递到另一个组件。下面是一个完整的示例:

  1. 首先,在源组件中,使用router.push()方法导航到目标组件,并将参数作为查询参数传递给目标组件。例如:
代码语言:txt
复制
// 源组件
this.$router.push({
  path: '/target',
  query: {
    param1: 'value1',
    param2: 'value2'
  }
});
  1. 然后,在目标组件中,可以通过this.$route.query来获取传递过来的参数。例如:
代码语言:txt
复制
// 目标组件
mounted() {
  console.log(this.$route.query.param1); // 输出:value1
  console.log(this.$route.query.param2); // 输出:value2
}

这样就可以在Vue.js中通过router.push()方法将参数从一个组件传递到另一个组件了。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券