uView 默认只能对 model 属性的对象进行校验,对一些包含 列表 的表单来说,无法利用现有的功能实现校验,这里推荐一种简单的方式实现 列表 校验。
实现思路:由于 uniapp 修改源码比较简单,可以直接修改源码添加扩展功能。在 u-form-item 源码中额外添加 prop:target,表示将要校验属性所属的目标对象。
// u-form-item 源码文件中
// 在 props 属性中添加
target: {
type: Object,
},
// 找到 validation 方法
this.fieldValue = this.target[this.prop];
// 修改成如下
if (this.target) {
this.fieldValue = this.target[this.prop];
} else {
this.fieldValue = this.parent.model[this.prop];
}
使用方式,这样即可对列表每一项的 name 属性进行校验
<u-form-item v-for="item in list" prop="name" :target="item"></u-form-item>