フォーム内のオブジェクトのフィールドを検証する - Vue 3 + Vee-validate + yes

Question

いくつかのフィールドがオブジェクト内にあるフォームがあります:

リーリー

ただし、このオブジェクトのデータ検証は、外部フィールドを変更した後、つまり group、description、first_name、last_name を入力した後にのみ行われます。 (同じ順序で)、group または description を再度編集した場合にのみ、フォームは有効とみなされません。

自分でフィールドを変更する場合、どのように検証すればよいですか?

ここに完全なコードへのリンクがあります。

次のバージョンを使用します:

リーリー

Answer 1

useField() をオブジェクトで使用すると、ネストされたプロパティはリアクティブ接続を失います。したがって、この問題を解決するための 2 つのオプションがあります。 useField を reactive() でラップするか、ネストされたプロパティごとに個別の useField() を使用します。

＃＃＃オプション1＃＃＃ リーリー

オプション 2

リーリー

ここに実際の例があります

こちら