{ label: '省关联', field: 'provinceId', colProps: { span: 12 }, component: 'ApiSelect', componentProps: ({ formActionType }) => { return { api: optionSegmentApi, showSearch: true, optionFilterProp: 'label', resultField: 'items', labelField: 'name', valueField: 'id', onChange: async (e: any) => { const cityList = await optionCityApi(e); const { updateSchema } = formActionType; updateSchema({ field: 'cityId', componentProps: { options: [] }, // reset options here }); updateSchema({ field: 'cityId', componentProps: { options: cityList, labelField: 'name', valueField: 'id', }, }); console.log('cityList', cityList); // move the log statement here }, }; }, }, { label: '市关联', field: 'cityId', component: 'Select', componentProps: { showSearch: true, optionFilterProp: 'label', options: [], labelField: 'name', valueField: 'id', }, colProps: { span: 12 }, },获取不到市关联的列表数据
时间: 2024-02-14 08:10:24 浏览: 74
node-pumi:API服务器,用于查询柬埔寨各省,地区,公社和乡村的行政区域
根据你提供的代码,我发现你在更新 `cityId` 的选项时,将 `options` 设置为空数组,这会导致 `Select` 组件中的选项被清空。因此,当你尝试访问 `cityId` 的选项时,无法获取到任何数据。
要解决这个问题,你需要确保在更新 `cityId` 的选项时,将新的选项列表正确地传递给 `Select` 组件。你可以在 `updateSchema` 函数中,将 `componentProps` 对象中的 `options` 属性设置为新的城市列表,同时保留 `labelField` 和 `valueField` 属性。这样,`Select` 组件就会使用新的选项列表来渲染选项。
修改后的代码如下:
```
{
label: '省关联',
field: 'provinceId',
colProps: { span: 12 },
component: 'ApiSelect',
componentProps: ({ formActionType }) => {
return {
api: optionSegmentApi,
showSearch: true,
optionFilterProp: 'label',
resultField: 'items',
labelField: 'name',
valueField: 'id',
onChange: async (e: any) => {
const cityList = await optionCityApi(e);
const { updateSchema } = formActionType;
updateSchema({
field: 'cityId',
componentProps: {
options: cityList,
labelField: 'name',
valueField: 'id',
},
});
console.log('cityList', cityList); // move the log statement here
},
};
},
},
{
label: '市关联',
field: 'cityId',
component: 'Select',
componentProps: {
showSearch: true,
optionFilterProp: 'label',
labelField: 'name',
valueField: 'id',
},
colProps: { span: 12 },
}
```
这样,当你选择省份时,`cityId` 的选项列表将被更新为相应省份的城市列表。然后,你应该能够获取到市关联的列表数据了。
阅读全文