使用 vue.js 触发表单验证按钮

Question

我有 4 个不同的按钮，如果单击每个按钮，则需要通过验证 function 名称，以便我知道哪个按钮触发了事件。 我需要获取被点击的输入并为每个输入使用不同的逻辑。

所以我有这个 function 正在为输入中的所有提交触发，但我无法获得每个的 v-model。

<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);
        });
}