vue页面跳转时怎样接收值

在Vue中进行页面跳转时，可以通过路由传参的方式将值传递给目标页面。

首先，确保你已经正确配置了vue-router，并在项目中定义了需要跳转的路由。

假设你要跳转到名为"TargetPage"的组件，并且需要传递一个名为"value"的参数。

在源页面中，使用`router.push()`方法进行页面跳转，并在第二个参数中传递要传递的参数：

// 源页面
this.$router.push({
  name: 'TargetPage',
  params: {
    value: 'Hello, World!'
  }
});

在目标页面的组件中，可以通过`$route`对象来获取传递过来的参数：

// 目标页面
mounted() {
  console.log(this.$route.params.value); // 输出：Hello, World!
}

在目标页面的`mounted()`钩子函数中，通过`this.$route.params`可以获取到传递过来的参数，然后可以进行相应的处理。

如果你是通过query参数传递的，可以使用`this.$route.query`来获取。例如：

// 源页面
this.$router.push({
  name: 'TargetPage',
  query: {
    value: 'Hello, World!'
  }
});

// 目标页面
mounted() {
  console.log(this.$route.query.value); // 输出：Hello, World!
}

这样就可以通过query参数传递值，并在目标页面中获取到。

希望对你有所帮助！如有任何问题，请随时提问。