сработала кнопка при проверке формы с использованием vue. js

Question

У меня есть 4 разные кнопки, и если нажать на каждую из них, ей нужно присвоить имя функции проверки, чтобы я знал, какая кнопка вызвала событие. Мне нужно получить вход, по которому щелкнули, и использовать разные логики c для каждого.

Итак, у меня есть эта функция, которая запускается для всей отправки во входах, но я не могу получить v-модель для каждый.

<form v-if="loadingCount === 0" @submit.prevent="validateBeforeSubmit()" :error-hack="vErrors.any()" novalidate>

<v-btn color="primary" type="submit" data-test="full-encode-btn" :loading="savingCount > 0" :disabled="savingCount > 0">
Mapping Encode
</v-btn>

<v-btn v-model="encodeType" color="primary" type="submit" data-test="full-encode-btn"
 :loading="savingCount > 0" :disabled="savingCount > 0">
Decode </v-btn>

validateBeforeSubmit(scope, type) {
    const args = scope ? [scope] : [];
    const aa = console.log(type)
    this.$validator
        .validateAll(...args)
        .then(result => {
            if (!result) {
                const errorsLength = this.$validator.errors.items.length;
                this.showError(
                    `Url is empty: Please update it`
                );
                return;
            }
            //this.startEncodeDecode();
            this.cleanForm();
        })
        .catch(e => {
            console.error(e);
        });
}