若依VUE 从一个页面跳转另一个页面并携带参数

在Vue中，从一个页面跳转到另一个页面并携带参数可以通过两种方式实现：

1. 使用vue-router的router-link组件：

<router-link :to="{ name: 'TargetPage', params: { param1: value1, param2: value2 }}">
  跳转到目标页面
</router-link>

2. 使用this.$router.push方法：

// 在Vue组件的methods中
methods: {
  goToTargetPage() {
    this.$router.push({ name: 'TargetPage', params: { param1: value1, param2: value2 }});
  }
}

在目标页面中，可以通过this.$route.params来获取传递的参数。

例如，在目标页面的created钩子函数中获取参数：

created() {
  const param1 = this.$route.params.param1;
  const param2 = this.$route.params.param2;
  // 使用param1和param2
}

如果参数是查询字符串（query），可以这样传递和获取：

传递参数时：

methods: {
  goToTargetPage() {
    this.$router.push({ path: '/target-page', query: { query1: value1, query2: value2 }});
  }
}

接收参数时：

created() {
  const query1 = this.$route.query.query1;
  const query2 = this.$route.query.query2;
  // 使用query1和query2
}