Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

VeeValidateでcheckboxのfalseを許容しない場合のrules

checkboxでfalseを許容しない場合のrules

falseでも値があればバリデーションが通ってしまうっぽいので、ValidationProviderに以下のような感じでオブジェクトを渡すと良いかも。

rules="{ required: { allowFalse: false } }"

例えば以下のようになる。

<ValidationProvider v-slot="{ errors }" rules="{ required: { allowFalse: false } }">
  〜略〜
</ValidationProvider>

その他の方法

上の方法でうまくいかなかったら、もう自分でバリデーションルールを定義して厳密に value === true みたいに比較するとよさそう。