vue由A页面向B页面跳转并传参

A页面：

<div>
 <div class="benrenReport" @click="goFormPage('self')">
  <span class="tianbaoren marginLeft">本人填报</span>
 </div>
 <div class="benrenReport" @click="goFormPage('other')">
  <span class="tianbaoren marginLeft">他人填报</span>
 </div>
  <div class="form-item">
        <van-checkbox v-model="agreeChecked" shape="square"
          >本人郑重承诺</van-checkbox
        >
        <div class="promise">
          上述信息是我本人填写，并对信息内容的真实性和完整性负责，因信息填报不实导致相关结果的，本人愿意承担相应责任。
        </div>
      </div>
</div>

 data() {
    return {
      agreeChecked: false,
    };
  },

跳转方法：

 goFormPage(type) {
      if (this.agreeChecked) {
        this.$router.push({
          name: "addHomeQuaReport",
          query: {
            type: type,
          },
        });
        console.log(type);
      } else {
        this.$dialog.alert({
          message: "请仔细阅读并勾选本人承诺",
        });
      }
    },

B页面接收参数

<div>
 <div class="person-info" v-if="type === 'self'">
 <div>本人填报</div>
</div>
<div class="person-info" v-if="type === 'other'">
 <div>代替他人填报</div>
</div>
</div>

 data() {
    return {
      type: "",
    };
  },

接收参数并赋值给data里面的type

 created() {
    this.getParams();
  },
  methods: {
    // 获取路由带过来的参数本人填报还是代替他人填报
    getParams: function () {
      // 取到路由带过来的参数
      var routerParams = this.$route.query.type;
      this.type = routerParams;
    }
    }