this.$router.push怎么接收值
时间: 2023-10-31 13:56:56 浏览: 83
vue两组件间值传递 $router.push实现方法
thisrouter.push可以接收一个路径作为参数,用于导航到指定的页面。不过它不能直接接收值,而是通过params、query等属性来传递参数。
如果要通过params传递参数,可以将参数作为对象的属性传递给params属性,如:
this.$router.push({ path: '/example', params: { id: 1 } });
如果要通过query传递参数,可以将参数作为对象的属性传递给query属性,如:
this.$router.push({ path: '/example', query: { id: 1 } });
在接收页面中,可以通过$route对象来获取传递过来的参数,如:
this.$route.params.id 或 this.$route.query.id。
需要注意的是,使用params传递参数时,需要在路由配置文件中定义参数,而使用query传递参数则不需要。另外,在使用this.$router.push时,如果要同时传递path和params,需要使用name来指定页面而不是直接使用path。
阅读全文