cascader 實現 單選多選 遞迴 呼叫賦值
阿新 • • 發佈:2021-08-30
<el-cascader
ref="cascader"
placeholder="請選擇監測標籤"
style="width:200px"
class="my-cascadermax-width"
:options="typeLayersOptions"
collapse-tags
:props="{multiple:true,checkStrictly:true,clearable:true}"
v-model="typeLayers"
@change="typeLayersSelect"
>
</el-cascader>
getTypeLayers(){
this.typeLayersOptions=[];
letparams={
SSOID:this.SSOID,
areaLayer:this.areaLayer,
userName:this.userName
};
this.$axios
.get("/apis/hmcsEnterprise/v2/enterpriseType/list",{params})
.then(res=>{
if(res.data.success){
this.typeLayersOptions=this._handleNewLabelsData(res.data.result);
}
});
},
_handleNewLabelsData(data){
letoptions=[];
if(!(data&&data.length)){
returnnull;
}
data.forEach(item=>{
options.push({
value:item.layer,
label:item.name,
id:item.id,
children:this._handleNewLabelsData(item.childrenList)
});
});
returnoptions;
},
加班萬歲!