VueJS emit not working in after store dispatch

I'm working with a VueJS component (parent) that has a modal (child) in it. The latter is used to submit data then it should be automatically cleaned and closed and show the results on the parent page.

I use a form inside the modal, when is submitted it dispatches a store action and after that an event is emitted.

If I emit the event before dispatching, it works fine, but if I do it inside the then promise, nothing happens.

Parent Component

Template

<template>
<div>
    <div v-if="this.status !== 'loading'">
        [...]
        <v-dialog 
            v-model="modalAgregarCuenta"
            fullscreen
            hide-overlay
            transition="dialog-bottom-transition">
            <modal-agregar-cuenta 
                ref="modalAgregarCuenta"
                @closeModal="modalAgregarCuenta = false">
            </modal-agregar-cuenta>
        </v-dialog>
        [...]
    </div>
    [...]
</div>

Script

<script>
import ModalAgregarCuenta from './ModalAgregarCuentaBancaria';
[...]

export default {
    components: {
        'modal-agregar-cuenta': ModalAgregarCuenta,
        [...]
    },
    data() {
        return {
            modalAgregarCuenta: false,
            [...]
        }
    },
    watch: {
        [...]
        modalAgregarCuenta(){
            if( this.modalAgregarCuenta )
                this.$store.dispatch(TRACKER_EVENT, { "vm": this, "eventName": 'modal-bank-add-open'});
            else
                this.$store.dispatch(TRACKER_EVENT, { "vm": this, "eventName": 'modal-bank-add-close'});
        }
        [...]
    }
    [...]
}

Child Component

Template

<template>
<v-card>
    [...]
    <v-container>
        <v-form ref="formulario" v-model="validation" @submit.prevent="submitForm">
            [...]
        </v-form>
    </v-container>
</v-card>

Script

<script>
    [...]
    methods: {
        submitForm(){
            console.log(this); //<-- Second image
            //this.$emit('closeModal'); //<-- This line works properly

            if(!this.$refs.formulario.validate())
                return;

            this.$store.dispatch(BANK_CREATE_REQUEST, {
                cbu: this.cbu,
                legalNumber: this.accountInformation.legal_number
            })
            .then((res) => {
                this.$emit('closeModal'); //<-- This line does not
                console.log(this); //<-- Third image
                //this.closeModal();
                //this.clear();
                //this.closeModal();
                //this.$emit('closeModal');
                //this.$emit('closeModal');
                /*setTimeout(()=>{
                    //$this.closeModal();
                    this.$emit('closeModal');
                }, 2000);*/
            })
            .catch(err => err);
        },
        closeModal(){
            this.$emit('closeModal');
        },
        clear(){
            this.cbu = '';
            this.legalNumber = '';
        }
    }
    [...]
</script>

If I check Vue Devtools, it seems that the event is properly emitted as you can see in the following image:

I also noticed something weird when I use "console.log" function with "this" before and after dispatching. It's worth noting that the same component is logged in the console but some properties have different values:

Before

After

UPDATE

[BANK_CREATE_REQUEST]: ({commit}, {cbu, legalNumber}) => {
        commit(BANK_CREATE_REQUEST);
        commit(UI_LOADING, true);
        return apiCall.post(WE_API + '/v3/bank', {
            cbu: cbu,
            legal_number: legalNumber,
            legal_type: null
        })
        .then(res => {
            commit(BANK_CREATE_SUCCESS, res);
            commit(UI_LOADING, false);
            return res;
        })
        .catch(err => {
            commit(BANK_CREATE_ERROR);
            commit(UI_LOADING, false);
            throw err;
        })
    }
    
[BANK_CREATE_REQUEST]: (state) => {
    state.status = 'loading';
},
[BANK_CREATE_SUCCESS]: (state, payload) => {
    state.banks.push(payload.data.model);
    state.status = 'success';
},
[BANK_CREATE_ERROR]: (state) => {
    state.status = 'error';
},

Any help would be really appreciated.

Thank you.