Vue + Element UI 中的复杂表单验证:数组与对象嵌套校验指南
最编程
2024-02-21 12:18:58
...
data () {
return {
// 表单数据
ruleFormData: {
sysName: '',
relationList: [],
functionList: [],
data: {
name: '',
address: ''
}
},
// 表单验证规则
rules: {
system: [
{ required: true, message: "请选择名称", trigger: "change" }
],
"relationList[0].stationId" : [
{ required: true, message: "请选择监测点", trigger: "change" }
],
"functionList[0].stationId": [
{ required: true, message: "请选择监测点", trigger: "change" }
],
"data.name": [
{ required: true, message: "请选择名称", trigger: "blur" }
]
}
}
}