【Vue.js】プラグインV-Validateを導入したい


See the Pen
VoaLPG
by りっしー (@hiwriterprogram)
on CodePen.


手順

  1. Vee-Validateプラグインのインポート(CDNからが手軽)
  2. Vee-ValidateをJS側で有効化(useメソッド)
  3. form要素に検証ルールを付与
  4. errorsメソッドで検証後のエラーをキャッチ

V-Validateの検証ルール

form要素に検証ルールを付与する際に利用できるのは以下の通りです。

f:id:nekorokkekun:20190724072529p:plainf:id:nekorokkekun:20190724072534p:plain

引用元:
速習Vue.js 速習シリーズ 山田祥寛