<el-form :model="ruleForm"
:rules="rules" ref="ruleForm"
label-width="80px" class="demo-ruleForm">
<el-form-item label="性别" prop="gender">
<el-input v-model.trim="ruleForm.gender" style="width: 210px"
:disabled="inputDisable">
</el-input>
</el-form-item>
</el-form>
data() {
ruleForm: {
gender: ""
},
rules: {
gender: [{ required: true, message: "请输入性别", trigger: "blur" },
{ validator: this.validateGender, trigger:"blur"}]
}
}
methods: {
validateGender(rule,value,callback) {
let reg = /^(男|女){1}$/
let flag = reg.test(value)
if (!flag) {
callback(new Error('请输入男或女'))
} else {
callback()
}
}
}