Я отправляю данные в форме, но метод нельзя вызвать?

Question

Я использую кнопку фургона для отправки данных формы на переднем плане. Я также использую атрибут @submit в van-form. В @submit я вызвал свой собственный метод, но определенный метод не может быть вызван. В чем причина?

1. Это код стойки регистрации

<van-form @submit="addHolidayInfo">

  <div style="margin: 16px;">
    <van-button round type="info" native-type="submit">submit</van-button>
    <van-button type="default" round @click="reset">reset</van-button>
  </div>

</van-form>

2. Это мой метод

private addHolidayInfo(values: any) {
  console.log("--------------------------");
  Toast.loading({
    message: "...",
    forbidClick: true,
    duration: 0,
  });
  api
    .post("/pm/holidayLog/addHolidayInfo", values)
    .then((Response: any) => {
      const msg = Response.data as Msg;
      if (msg.success) {
        Toast.success(msg.msg);
        this.$router.push("/pm/holiday");
      } else {
        Toast.fail(msg.msg);
      }
    })
    .catch((err: Error) => {
      Toast.fail("！！！");
    });
}

Answer 1

Вероятно, вам следует добавить button type = 'submit', чтобы инициировать событие отправки.

<van-form @submit="addHolidayInfo">

  <div style="margin: 16px;">
    <van-button type="submit" round type="info" native-type="submit">submit</van-button>
    <van-button type="default" round @click="reset">reset</van-button>
  </div>

</van-form>