element ui 表单验证避坑

1,549 阅读1分钟

使用elementUI的表单校验时,select校验总是不通过(选项值绑定是可以校验的,但点保存提交的时候却校验不通过),研究了好久,以为是组件出bug了,最后无奈不用校验,使用massage消息弹出的方式处理

image.png

没解决这个校验问题不罢休,第二天一大早来到公司,打开电脑看这块代码排查问题

经过多方排查,终于找到问题所在:
重点啦!重点啦!
表单中每个item项v-model绑定的data的字段,必须必须必须,和rules中的对应字段,名字名字名字,一样,否则校验时取不到值(undefined),所以无论输入什么或者选择什么都校验不过。

image.png image.png

问题没得到解决就不该放弃,钻研解决之后,你会海阔天空