Закрытие модального диалогового окна после нажатия «ОК» в Vue. Js

Question

Обзор: Я пытаюсь закрыть модальное диалоговое окно после нажатия кнопки «ОК» в Vue. js. В настоящее время он не закрывается после нажатия кнопки «ОК», но закрывается после нажатия «Отмена», щелчка за пределами поля и нажатия клавиши ES C. метод, вызываемый после нажатия кнопки, также отображается в конце. Спасибо!

  <b-button-group class="mx-2" size="lg">
      <b-button
            @click="$bvModal.show('modal-1')"
            variant="light" class="border border-muted">
        <strong class="text-muted">Löschen  &raquo;</strong></b-button>
      <b-modal id="modal-1" title="Bitte bestätigen">
        <p class="my-4">Are you sure, you want to delete it?</p>
        <template v-slot:modal-footer="{ ok, cancel,}">
          
      <!-- Emulate built in modal footer ok and cancel button actions -->
      <b-button size="sm" variant="success" @click="okButtonClicked()" > OK </b-button>
      <b-button size="sm" variant="danger" @click="cancel()"> Cancel </b-button>
    </template>
      </b-modal>
    </b-button-group>

методы: {

    okButtonClicked: async function() { 
      let td_id =this.form.TransportDemandsId;
      console.log(this.form.TransportDemandsId);
      let url = "https://localhost:44370/api/transportdemand/abort/" + td_id;
      const res = await axios.delete(url);      
      let data = res.data;
      
      if (data === true) {
        alert("Response: OK. Transport Demand is Deleted: " );
      } else {
        alert("Response: Transport Demand not found");
      };
    }
  }
}

Answer 1

В вашем методе okButtonClicked функция закрытия отсутствует. Добавьте this.$bvModal.hide('modal-1'); в метод okButtonClicked в строке, которую вы хотите закрыть модальным окном. Вероятно, в конце функции.