要素では、動的EL-cascaderをロード

页面<EL-cascaderの
Vモデル= "partyOrganId"
プレースホルダ= "partyOrganName"
小道具= "小道具"
:ショーすべてのレベル= "false"を
クラス= "font_pla"
> </ EL-cascader>

 

データ(){
リターン{
partyOrganId:[]、
プロプ:{
怠惰:trueに、
lazyload(ノード解決){
たsetTimeout(()=> {
IF(node.level == 0){
Axios({
メソッド: "GET" //モード要求
URL: "/ API / commonUser / findByChildRegion"、// 要求アドレス
のparams:{
regionCode: "330000"
}
})
.then(RES => {
CONST都市がres.data.data.map =((値、I)=>({
値:value.regionCode、
ラベル:value.regionName、
葉:node.level> = 2
}));
解決するための呼び出しによって返さ//子ノードデータ、通知コンポーネントデータがロードされ
(決意を都市);
})
.catch(ERR => {
にconsole.log(ERR);
});
}
IF(node.levelは== 1){
Axios({
メソッド: "GET"、//モード要求
URL: "/ API / commonUser / findByChildRegion"、// 要求アドレス
のparams:{
regionCode:node.value
}
})
次いで、(RES => {
CONST分野res.data.data.map =((値、I)=>({
値:value.regionCode、
ラベル:value.regionName、
葉:node.level> = 2
}))。
解決するための呼び出しによって返される//子ノードデータ、通知コンポーネントデータがロード
解決(分野);
})
.catch(ERR => {
にconsole.log(ERR);
});
}そうIF(node.level == 2 ){
Axios({
メソッド: "GET"、//モード要求
URL: "/ API / commonPartyOrgan / getPartyOrganInfo"、// 要求アドレス
のparams:{
cityCode:node.path [0]、
areaCodeである:[1] node.path
}
})
.then(RES => {
CONSTがpartysをres.data.data.map =((値、I)=>({
値:value.id、
ラベル:value.name、
葉:node.level> = 2
}));
解決するための呼び出しによって返さ//子ノードデータ、通知コンポーネントデータがロード
解決(partys);
})
.catch(ERR => {
にconsole.log(ERR);
} );
}
}、1000);
}
}
};
}

おすすめ

転載: www.cnblogs.com/yyjspace/p/11599038.html