基本上按照文档上提供的方式做就没啥大问题 , 我遇到的问题是 , 自定义以后不显示小红星了

提交

重置

export default {

data() {

var checkAge = (rule, value, callback) => {

if (!value) {

return callback(new Error('年龄不能为空'));

}

setTimeout(() => {

if (!Number.isInteger(value)) {

callback(new Error('请输入数字值'));

} else {

if (value < 18) {

callback(new Error('必须年满18岁'));

} else {

callback();

}

}

}, 1000);

};

var validatePass = (rule, value, callback) => {

if (value === '') {

callback(new Error('请输入密码'));

} else {

if (this.ruleForm2.checkPass !== '') {

this.$refs.ruleForm2.validateField('checkPass');

}

callback();

}

};

var validatePass2 = (rule, value, callback) => {

if (value === '') {

callback(new Error('请再次输入密码'));

} else if (value !== this.ruleForm2.pass) {

callback(new Error('两次输入密码不一致!'));

} else {

callback();

}

};

return {

ruleForm2: {

pass: '',

checkPass: '',

age: ''

},

rules2: {

pass: [

{ validator: validatePass, trigger: 'blur' }

],

checkPass: [

{ validator: validatePass2, trigger: 'blur' }

],

age: [

{ validator: checkAge, trigger: 'blur' }

]

}

};

},

methods: {

submitForm(formName) {

this.$refs[formName].validate((valid) => {

if (valid) {

alert('submit!');

} else {

console.log('error submit!!');

return false;

}

});

},

resetForm(formName) {

this.$refs[formName].resetFields();

}

}

}

我只是照着改了一下

let validatePass = (rule, value, callback) => {

console.log(rule);

console.log(value);

console.log(callback);

if (!value) {

return callback(new Error("请填写公司名称"));

}

if (this.form.id) {

callback();

return true;

}

readScmSupplierPage({ name: this.form.name ,type:'2'})

.then(res => {

if (res.data.length > 0) {

callback(new Error("名称重复"));

} else {

callback();

}

})

.catch(err => {

console.log(err);

});

};

基本上和自定义没啥关系

rules: {

// name: [{ required: true, message: "请输入公司名称", trigger: "blur" }],

name: [{ required: true, validator: validatePass, trigger: "blur" }],

abbreviation: [

{ required: true, message: "请输入公司简称", trigger: "blur" }

]

},

只是我发现如果自定义了 , 在这个地方加required: true, 是不起作用的, 必须在form表单上面加

就这样小红星星就出现啦