1、rules中的属性名和form的属性名是一致的,同时传递给u-form-item的prop参数绑定的也是相同的属性名,注意这里prop参数绑定的是字符串(属性名),而不是一个变量。
2、使用校验
onReady() {
this.$refs.planForm.setRules(this.rules);
},
组件中 onReady 可能不生效则使用 vue 的生命周期事件 mounted
有时候验证的默认数据会不生效则需要再验证中增加 transform,把内容转成了String。
serviceHourNum:[
{
required: true,
transform(value) {
return String(value);
},
message: '请输入服务次数',
trigger: 'change'
}
]