在做表单必填校验时控制台显示以下图片的情况并且视图上没有校验效果时,
导致的原因可能有以下几点:
1.form表单没有动态绑定对应对象 :model="contractTextData",(本人亲身经历)
或者你用的是v-mode="contractTextData"
<el-form
ref="contractTextRef"
:inline="true"
label-width="160px"
label-position="right"
:rules="rules"
:model="contractTextData"
>
</el-form>
2.没有对应的ref属性 : ref="contractTextRef", 若获取不到元素或者元素名称重复了
3. el-form-item 表单项中没有使用v-model 或者prop忘写啦,再或者v-model对应的字段值与其的prop不同~
4.有的小伙伴是通过自定义校验的方法回调返回校验结果,然后忘记return了
好记性不如烂笔头,记一下记一下~~