关于如何使用uni-ui里的uni-data-picker级联选择器实现省市区

关于uni-ui里的uni-data-picker级联选择器实现省市区

const getProvinceList = async () => {
try {
const params = { size: 200 };
const res = await HttpUtil.doGet('url', params);
if (Array.isArray(res.dataList)) {
const map = res.dataList.map((item: any) => {
return {
label: item.name,
value: item.id
};
});
provinceList.value = map;

        // 默认选择第一个省份  
        if (map.length > 0) {  
            posValue.value = [0, 0, 0];  
            const firstProvinceId = map[0].value;  
            getCityList(firstProvinceId).then(() => {  
                if (cityList.value.length > 0) {  
                    getDistrictList(cityList.value[0].value);  
                }  
            });  
        }  
    }  
} catch (err) {  
    console.error('获取省份列表失败：', (err as Error).message);  
}  

};

const getCityList = async (provinceId: number) => {
if (!provinceId || typeof provinceId !== 'number' || provinceId <= 0) {
uni.showToast({ title: '请选择有效省份', icon: 'none' });
return;
}
try {
const params = { size: 150 };
const res = await HttpUtil.doGet(url, params);
if (Array.isArray(res.dataList)) {
const map = res.dataList.map((item: any) => {
return {
label: item.name,
value: item.id
};
});
cityList.value = map;
}
} catch (err) {
console.error(获取城市列表失败（省份ID：${provinceId}）：, (err as Error).message);
}
};

const getDistrictList = async (cityId: number) => {
try {
const params = { size: 150 };
const res = await HttpUtil.doGet(url, params);
if (Array.isArray(res.dataList)) {
const map = res.dataList.map((item: any) => {
return {
label: item.name,
value: item.id
};
});
districtList.value = map;
}
} catch (err) {
console.error(获取数据失败:, (err as Error).message);
}
};

我应该如何实现？省份获取到后拿省份的id去city拿市，再从市的id拿区，要求能够一级一级的选择，以及回显