原因分析
官方文档说el-form-itemprop可选值应为form组件的model中的字段,所以如果prop与内部的el-input绑定的model字段不一致就会出现校验失效。
2022-08-09T10:21:56.png

因为项目中遇到复杂的form表单传输 具体最终提交格式如下

2022-08-09T08:51:42.png

对应的校验规则
2022-08-09T08:58:44.png

原本我是只传的address,因为address对应的是:model="dept",而v-model绑定的确是dept对象子级对象里面的数据,这样就会造成校验失效.
所以,需要我们把prop="address"换成这个prop="extendOrg.address"

rules 校验名称换成这个 ['extendOrg.address']

原因是因为rules针对的是:model="dept" model绑定的那个数据 model.address 当然找不到 所有需要加上你套的数据格式这样就好了
2022-08-09T08:58:15.png

发表评论