以下の内容はhttps://fuqda.hatenablog.com/entry/2019/06/07/171159より取得しました。


Vee ValidateでEventを指定してバリデーションを発火出来るってよ!

Vee Validateって?

Vue.js公式バリデーションライブラリです。

https://baianat.github.io/vee-validate/

知らんかった...

Vee Validateでイベント指定してバリデーションの発火タイミングをコントロール出来るなんて...
こんなの普通に考えたら、そういう仕組みあるに決まってるのに数ヶ月前の自分はこれに気が付かず実装してしまっていたw
(力技でイベント発火させないように頑張ってたw)

https://baianat.github.io/vee-validate/guide/events.html#changing-default-events

どうやるのさ!

こうやるとフォームに変更があって、フォーカスが外れたタイミングで発火します。
デフォルトだと入力途中でもバリデーションが問答無用で発火しますw

バリデーション定義の.jsファイル

Vue.use(VeeValidate, {
  events: 'change'
});

実装サンプルを今度作ってQiitaに投稿しようかな...

本日の教訓

公式ドキュメントは隅々まで読もう!w




以上の内容はhttps://fuqda.hatenablog.com/entry/2019/06/07/171159より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14