我如何在Vue中添加查询参数？

Question

目前，我有一个正在从主文件中使用的表单组件，并且具有引用代码。

      <RegistrationForm
        v-bind:referral-code="$route.query.referralCode"
        v-on:register="register"
      />

因此，路由全路径为fullPath：“ / registration /？referralCode = 12”

但是现在最后，当有人单击代码时，我希望它也具有用户类型。所以我希望它成为

     "/registration/?referralCode=12&type=1"

类型也像引用代码一样通过有效负载传递，但是由于将其指定为执行RegisterForm的道具，我如何将其添加到该查询的末尾？

Answer 1

假设%只是一个错字，您可以这样做：

<RegistrationForm
    v-bind:referral-code="$route.query.referralCode"
    v-bind:type="$route.query.type"
    v-on:register="register"
/>

也可以写成：

<RegistrationForm
    :referral-code="$route.query.referralCode"
    :type="$route.query.type"
    @register="register"
/>