Skip to content

Commit 8f191aa

Browse files
mikasaywtdesign-botuyarn
authored
docs(form): fix validate-complicated-data demo (#6123)
* fix(form): 修复表单复杂数据校验失效的问题 * revert: revert fix form * docs(form): fix validate-complicated-data demo * chore: stash changelog [ci skip] * chore: delete CHANGELOG file --------- Co-authored-by: tdesign-bot <[email protected]> Co-authored-by: wū yāng <[email protected]>
1 parent cc2188d commit 8f191aa

File tree

2 files changed

+17
-31
lines changed

2 files changed

+17
-31
lines changed

packages/components/form/_example-ts/validate-complicated-data.vue

Lines changed: 10 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -132,32 +132,16 @@ const SCHOOL_OPTIONS: RadioGroupProps['options'] = [
132132
value: 3,
133133
},
134134
];
135-
const rules: FormProps['rules'] = {
136-
school: [
137-
{
138-
required: true,
139-
message: '学校必填',
140-
},
141-
],
142-
name: [
143-
{
144-
required: true,
145-
message: '用户名必填',
146-
},
147-
],
148-
courseType: [
149-
{
150-
required: true,
151-
message: '选科必填',
152-
},
153-
],
154-
course: [
155-
{
156-
required: true,
157-
message: '课程必填',
158-
},
159-
],
160-
};
135+
136+
const rules = computed<FormProps['rules']>(() => ({
137+
school: [{ required: true, message: '学校必填' }],
138+
students: formData.students.map(() => ({
139+
name: [{ required: true, message: '用户名必填' }],
140+
courseType: [{ required: true, message: '选科必填' }],
141+
course: [{ required: true, message: '课程必填' }],
142+
})),
143+
}));
144+
161145
const courseOptions = computed<CheckboxGroupProps['options']>(() =>
162146
COURSE_OPTIONS.filter((item) => {
163147
if (!formData.courseType || !item.courseTypes) return true;

packages/components/form/_example/validate-complicated-data.vue

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -101,12 +101,14 @@ const SCHOOL_OPTIONS = [
101101
{ label: '学校三', value: 3 },
102102
];
103103
104-
const rules = {
104+
const rules = computed(() => ({
105105
school: [{ required: true, message: '学校必填' }],
106-
name: [{ required: true, message: '用户名必填' }],
107-
courseType: [{ required: true, message: '选科必填' }],
108-
course: [{ required: true, message: '课程必填' }],
109-
};
106+
students: formData.students.map(() => ({
107+
name: [{ required: true, message: '用户名必填' }],
108+
courseType: [{ required: true, message: '选科必填' }],
109+
course: [{ required: true, message: '课程必填' }],
110+
})),
111+
}));
110112
111113
const courseOptions = computed(() =>
112114
COURSE_OPTIONS.filter((item) => {

0 commit comments

Comments
 (0)