Vuetifyのrules(入力は非必須だが入力されればrules適応させたい)

Vuetifyのrulesで、入力は非必須だけど、入力されればrules適応させたいみたいな時の書き方。

 

v => !v || !!v.match(hohefuga) || "エラー文"

 

!vで「vが入力されていないケース」を表す。これによって

「入力されていない」もしくは「vが入力されていてhohefugaというrule」のどちらかが当てはまればおk

を表せる。そしてそのどちらにも該当しない場合はエラー文が表示される。