在Vue.js中,可以使用router.push()
方法将参数从一个组件传递到另一个组件。下面是一个完整的示例:
router.push()
方法导航到目标组件,并将参数作为查询参数传递给目标组件。例如:// 源组件
this.$router.push({
path: '/target',
query: {
param1: 'value1',
param2: 'value2'
}
});
this.$route.query
来获取传递过来的参数。例如:// 目标组件
mounted() {
console.log(this.$route.query.param1); // 输出:value1
console.log(this.$route.query.param2); // 输出:value2
}
这样就可以在Vue.js中通过router.push()
方法将参数从一个组件传递到另一个组件了。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题
领取专属 10元无门槛券
手把手带您无忧上云