Vuelidateで条件付きでValidationする

例えば、チェックボックスがONなら、10文字以内を検証OKとする。（OFFなら検証不要）

環境

  • Vuelidate 2.0.0

対応

orバリデータを使用する。エラーメッセージにパラメータが必要な場合、withParams()でパラメータを指定することができる。

const validators = {
  maxLength: helpers.withParams({ max: 10 }, or(() => !data.flag, maxLength(10)))
}

参考