uview 弹出框放表单 验证失效_基于vue2.0前端组件库element中 el-form表单 自定义验证填坑...

我在平时使用过程中，遇到的问题。

自定义表单验证出坑:

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!');

}