問題タブ [vee-validate]

Below is my code. I would like to validate the form during submit. I prevented submit action untill all data is valid. Hence I have used "validata all()" method. If the form has null/invalid date, it should alert "not submitted".Else it should alert "submitted". My problem is that, when I clicked the submit button at first time, the alert displays as "submitted" instead of "not submitted" Result1. But when I clicked the same button for the second time or further it displays correctly as "not submitted" Result2. I don't know the reason, why it's not working in the first time.

以下は私のコードです。addEmployee.vue ファイルで検証を行い、addEmploee.vue ファイルのスクリプト部分内に検証を記述しました。しかし、これらの検証をcommon.jsファイルに入れ、他のvueファイルの検証にも(プロジェクト全体で)アクセスしたい例: addClient.vueファイルでも同じ検証にアクセスしたい.

以下は私のコードです。私のフォームには 3 つのフィールドがあります。ファーストネーム、ミドルネーム、ラストネーム。これらのフィールドはすべて必須フィールドとして設定されています。唯一の違いは、"Firstname & Lastname" には input タグが含まれていますが、"Middlename" には b-form-input タグが含まれていることです。実際、私の問題は、これらの("Firstname & Lastname")フィールドにフォーカスを当てる(ぼかし)と、必要なエラーがスローされますが、("Middlename")フィールドに同じことをすると、 Image1 ではありません。その ("Middlename") フィールド Image2 に値を入力する必要があります。次に、エラー Image3をスローしている値を削除しました。つまり、必要な検証は "("Middlename") フィールドの「変更時」にのみ機能します。その理由は何ですか?これ？