element-ui 캐스케이드 선택 지역
// prop
props:{
label: 'areaName',
value: 'areaId',
//children: 'children',
},
//
getProvence() {
post(url, {parentId: 0}).then((res) => {
this.addressObject.list = res && res.data || []
this.addressObject.list.forEach((item,index)=>{
this.$set(this.addressObject.list[index], 'children', [])
})
})
},
//
handleAddressChange(val) {
if(val.length <= 0 ) return;
let provinceList = this.addressObject.list;
let provinceLength = provinceList.length;
let provinceAreaId = val[0];
if(val.length === 1) {
// areaId,
post(url, {parentId: provinceAreaId}).then((res) => {
for(let i = 0; i < provinceLength; i++) {
if(provinceList[i].areaId === provinceAreaId) {
this.$set(provinceList[i], 'children', res && res.data || []);
provinceList[i].children.forEach((item,index)=>{
this.$set(provinceList[i].children[index], 'children', [])
})
break;
}
}
})
}
if(val.length === 2) {
let cityId = val[1]; // areaId,
post(url, {parentId: cityId}).then((res) => {
for(let i = 0; i < provinceLength; i++) {
if(this.addressObject.list[i].areaId === provinceAreaId) {
let findProvince = this.addressObject.list[i];
let cityList = findProvince.children;
let cityLength = cityList.length;
for(let j = 0; j < cityLength; j++){
if(cityList[j].areaId === cityId) {
this.$set(cityList[j], 'children', res && res.data || []);
break;
}//if
}//for
break;
}//if
}//for
})
}
},
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.