我在平时使用过程中,遇到的问题。
自定义表单验证出坑:
1. validate/resetFields 未定义。
原因:
1:要验证的DOM,还没有加载出来。
2:有可能this.$refs[ruleForm].validate() 方式不识别。需要使用: this.$refs.ruleForm.validate(); 这种方式,不是你们想要的结果。
解决方法
1: 要验证的DOM,还没有加载出来。
this.ticketDialog = true;
//对整个表单进行重置,将所有字段值重置为初始值并移除校验结果
this.$nextTick(function() {
this.$refs.ticketInfoForm.resetFields();
})
2: 有可能this.$refs[ruleForm].validate() 方式不识别。需要使用: this.$refs.ruleForm.validate();
methods: {
submitForm(ruleForm2) {
//官网 this.$refs[ruleForm2].validate();
//在实际使用中,会报错。validate未定义
//使用this.$refs.ruleForm2.validate(); 成功。
this.$refs[ruleForm2].validate((valid) => {
if (valid) {
alert('submit!');
}