VeeValidate 验证时机问题

末子
  • 63

问题是这样的,validator 需要用户交互才能验证,我意思是,用户什么都不操作,直接点击提交按钮,怎么触发验证

Vue.use(VeeValidate);
        var app = new Vue({
            el: '#app',
            data: {
                …
            },
            methods: {
                doSubmit: function(){
                    //假设这个是提交按钮方法
                    //当用户什么都不操作的时候  required 等验证规则没有被触发
                    console.log(this.$validator.errors.all());
                    // 当前所有错误提示列表 [] 空
                    console.log(this.$validator.errors.any());
                    // 当前是否有未通过的验证 false 
                }
            },
            created: function(){
                //中文验证提示
                this.$validator.localize('zh_CN', dictionary);
            }
        });
回复
阅读 2k
2 个回答

使用 validateAll()

doSubmit() {
      this.$validator.validateAll().then(valid => {
        // 所有校验通过valid 为true
        if (valid) {
          // 发送数据
        } else {
          console.log('提交失败')
        }
      })
    },
dev_zl
  • 4
新手上路,请多包涵
宣传栏