Comment fermer l'écran Vuesax PopUp en cliquant sur un bouton ?

Question

J'ai créé un formulaire à l'intérieur de l'écran PopUp VueSax et le formulaire est soumis au clic du bouton, mais le PopUp ne se ferme pas une fois le formulaire soumis. Veuillez m'aider avec le code.

Une fois que le bouton "submit" est cliqué, la méthode suivante est activée.

  createRecord() {

        this.$vs.loading();

          jwt.createLeads(this.newRecord).then((response) => {

            this.$vs.loading.close();

            this.$store.dispatch("userManagement/upsertToState", { type: "Leads", data: response.data.leads });

            this.newRecord.leadtype = this.newRecord.first_name = this.newRecord.last_name = this.newRecord.email_id = this.newRecord.phone_number = this.newRecord.location = this.newRecord.postcode = this.newRecord.lead_address = this.newRecord.gender = this.newRecord.lead_source = this.newRecord.required_sub = this.newRecord.teach_mode = this.newRecord.location_pref = this.newRecord.lead_frequency = this.newRecord.session_duration = this.newRecord.pref_days = this.newRecord.pref_time_slot = this.newRecord.tutor_pref = this.newRecord.lead_owner = this.newRecord.notes = ''

           alert("Lead Creation Success");
           location.reload();
        }).catch((error) => {
            console.log(error)

            this.$vs.loading.close();

            this.$vs.notify({
                title: 'Error',
                text: 'There was an error creating the Lead',
                iconPack: 'feather',
                icon: 'icon-alert-circle',
                color: 'danger'
            });
        });

    },

Answer 1

Dans la documentation de vuesax, dans la section API, je vois que la propriété "active.sync" détermine si la popup est active (visible). En changeant la valeur de cette propriété, vous pouvez fermer la popup. Documentation de Vuesax