How to edit modal hide in vuejs

I have a vuejs component that displays a modal dialog box with a small form inside. I want to hide the Modal from where I send the api. I want it to update the data in the table. I’ve tried many ways. But I don’t know what to do.

enter image description here

        Swal.fire({
          title: response.data.alert,
          text: response.data.text,
          icon: response.data.type,
          showConfirmButton: false,
          timer: 2000,
        }).then(async () => {
          if (response.data.type == 'success') {
            try {
              const reloadtable = await this.retable();
              this.DataShow = reloadtable.data;
              $('#edit').modal('hide')
              this.$emit('save')
            } catch (error) {
              console.error(error);
            }
          } else {
            window.location.reload();
          }
        });