场景:ProForm表单里前一个下拉框选择的值带出后面下拉框的枚举值
<script>
<ProForm
formRef={formRef}
onFinish={{}}
>
<ProForm.Group>
<ProFormSelect
name="projectId"
label="项目"
width="sm"
request={projectList}
placeholder="请选择项目"
/>
<ProFormSelect
name="resourceId"
label="项目成员"
width="xs"
dependencies={['projectId']}
request={async (row) => {
if (row.projectId && row.projectId !== undefined) {
const res = await getProjectMembers({ projectId: row.projectId })
if (res.code === 200) {
const membersList = [];
res.data.forEach((item) => {
membersList.push({
label: item.nickName,
value: item.userId,
});
});
return membersList;
}
}
}}
placeholder="项目成员"
/>
</ProForm.Group>
</ProForm>
</script>
注:本人前端小白 ,如有不对的地方还请多多指教