vue 页面相互传值

Question

由于刚学习vue,很多地方在官网上面看的不是很明白
现有这样一个需求:

当点击button时,跳转到另一个页面,另一个页面内容为上个页面的数据详细信息



当前页面已经获取到数据,想把数据传到另一个页面

请问如何通过路由跳转的方式来进行页面之间的相互传值
  planDetail(personid, plan, relation, productProperty) {
        let param = {
          personId: personid,
          productCode: plan
        };
        console.log("入参", param);        this.$http.postBody("/1/111", param, result => {
          console.log(result);          this.productDetail = result.body.rows;          if (relation == "1") {            this.detailTitle =
              productProperty == "1" ? "都市客从" : "方法 " + "吃的是草";
          } else {            this.detailTitle =
              productProperty == "1" ? "的是" : "的的" + "的方式vs";
          }          this.familyShow = true;                          this.$router.push({name: 'employeeplan', query:param})

        });

Answer 1

PolarisJack说的没错。        /* 父组件 */         /**          * 在index.js中的router注册后         * {         * path: '/....',         * name: 'aaa',         * component: AAA         * }          */         this.$router.push({                 name: 'aaa',                params: {                         nameYouWant: name1,                         nameYouWant2: name2                 }         })                 /* 子组件 */         // 子组件此处是$route, 没有r, 此处输出name1         let thingsWeGet = this.$route.params.nameYouWant

Answer 2

query 和 params 需要在router里面做配置。