elementui---主动校验数据

最近在用elementui开发项目，遇到一个申请的需求：具体的要求是在数据校验上，要求数据的校验是动态变化的，例如：人数的变化，根据不同的产品，人数也不一样。比如：A产品，人数上限是30，但是如果选择了B产品，人数上限就是120。

但是elementui在配置验证规则的时候，都是配置好，如果验证规则是动态生成的，就会出现：失去焦点不验证，只有当提交数据的时候才会校验。

解决方法：监听数据变化，动态触发elementui校验规则

方法一：主动触发校验

this.$refs.formData.validate();

this.$refs.loginForm.validate().then(()=>console.log('校验通过')).catch(()=>{console.log('校验失败')});

缺点：该方法会触发所有字段的数据校验。

方法二：部分校验

this.$refs.formData.validateField('gatherNum');

这个方法可以对部分参数进行校验，能够满足我们的要求。