LoginSignup
1
0

More than 3 years have passed since last update.

初心者がVue.jsのVeeValidateでハマったこと

Last updated at Posted at 2019-05-02

送信ボタンを押してもバリデートがかからない。

という問題。

フォーム自体にはリアルタイムでちゃんとバリデーションがかかる。

でも送信ボタンを押したらバリデーションスルーして進んじゃう。

なんでだ…。

VueやVeeValidateのインストールは割愛しますが、CDNで読み込んでいます。

new Vue({
  el: '#valid',
  methods: {
    validate() {
      this.$validator.validateAll()
       .then((result) => {

  //ここにifとかでtureの場合falseの場合の処理を書かないといけなかった! 
        if(result=== true)
        {
        trueの時の処理 }  
        else{  falseの時の処理   }

      });
    }
  }
});

なぜか巷の情報の多くではこの分岐させる処理がなくて、バリデーションスルーして次のページに行ってしまっていたので、一応そこでつまっている方のために残しておきます。

(もしかしたらCDN版特有でnpmとかなら必要ない処理なのかな…? そんなわけないか。)

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0