業(yè)務(wù)場景一：選擇框懈费，類似于選擇目的地憎乙，出發(fā)地這種，泞边，可以設(shè)置省，或者省市沈善，以及省市區(qū)
業(yè)務(wù)場景（一）
業(yè)務(wù)場景二：在編輯頁或者添加頁中會(huì)需要更加詳情的，省市區(qū)以及后面另加一個(gè)框
業(yè)務(wù)場景（二）
首先绳矩，從后臺(tái)拿回來的數(shù)據(jù)是這樣子的
后臺(tái)返回?cái)?shù)據(jù)1
后臺(tái)返回?cái)?shù)據(jù)2
首先拿到數(shù)據(jù)輸出到控制臺(tái)上是這樣的
控制臺(tái)1
第一步處理轉(zhuǎn)化成字符串
let cityData =JSON.stringify(data.data.data);
第二步用正則把這些相對(duì)應(yīng)的關(guān)鍵字段轉(zhuǎn)化成element ui? 三級(jí)聯(lián)動(dòng)需要 的字段
options =JSON.parse(cityData.replace(/orgId/g,"value").replace(/orgName/g,"label"));
第三步進(jìn)一步演變成符合框架使用的格式
options.map((item, index)=>{
item.children = item.childrenDataList;
this.options.push(item);
});
<el-cascader :options="options" clearable filterable v-model="optionsMessage"></el-cascader>
這個(gè)時(shí)候就可以實(shí)現(xiàn)選擇省市區(qū)的功能了，其中v-model的綁定的值就是后臺(tái)需要的orgId
