鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ VeeValidate 驗證時機問題

VeeValidate 驗證時機問題

問題是這樣的,validator 需要用戶交互才能驗證,我意思是,用戶什么都不操作,直接點擊提交按鈕,怎么觸發(fā)驗證

Vue.use(VeeValidate);
        var app = new Vue({
            el: '#app',
            data: {
                …
            },
            methods: {
                doSubmit: function(){
                    //假設(shè)這個是提交按鈕方法
                    //當用戶什么都不操作的時候  required 等驗證規(guī)則沒有被觸發(fā)
                    console.log(this.$validator.errors.all());
                    // 當前所有錯誤提示列表 [] 空
                    console.log(this.$validator.errors.any());
                    // 當前是否有未通過的驗證 false 
                }
            },
            created: function(){
                //中文驗證提示
                this.$validator.localize('zh_CN', dictionary);
            }
        });
回答
編輯回答
任她鬧

使用 validateAll()

doSubmit() {
      this.$validator.validateAll().then(valid => {
        // 所有校驗通過valid 為true
        if (valid) {
          // 發(fā)送數(shù)據(jù)
        } else {
          console.log('提交失敗')
        }
      })
    },
2018年8月22日 21:49