<el-form
ref="loginForm"
:model="loginForm"
>
<el-form-item
prop="userPhone"
:rules="[{validator: validatorPhone,required: true,trigger: 'blur'}"
>
<el-input v-model="loginForm.userPhone" placeholder="11位手机号" maxlength="11" @focus="phoneFocus" />
</el-form-item>
</el-form>
const validatorPhone = (rule, value, callback) => {
if (value == '' || value == undefined) {
callback(new Error('手机号不能为空'))
} else if (Regx.isTel(value)) {
callback()
} else {
callback(new Error('电话号码格式错误'))
}
}
validatorPhone: validatorPhone
this.$refs.loginForm.validateField('userPhone')