こんにちは。ContractSでフロントエンドエンジニアをしている北原です。 弊社では、UIのバリデーションとしてVeeValidate v4を採用しています。 この記事では、複数のインプットを1つのバリデーションフィールドとして扱う方法について解決策を提示したいと思います。 目次 目次 前提知識 VeeValidateとは? VeeValidate v4 の Composition関数 1. useField 2. useForm なぜ必要なのか? TL;DR やってみる 参考 実装例 1. ラッパーコンポーネントの作成 script template 2. フィールドコンポーネントから関数…