vue級聯選擇器-每級的label、children都不一樣

代碼如下:

?:props="optionProps"? //如果配置了這個選項,請求回來的數據,根本不用你去遞歸處理,只需要把響應的數據賦值給數據源cateList

<el-cascader v-model="cateValue" :options="cateList" :props="cateListProps" > </el-cascader>

data中:

cateList: [], //數據源

cateListProps: {

? ? ? ?value: 'id', //匹配響應數據中的id

? ? ? ?label: 'name', //匹配響應數據中的name

? ? ? ?children: 'children' //匹配響應數據中的children }?

重點

let department=new RegExp('department','g')? //獲取全部的 department

data.replace(department,' name ')? ?//將其他級別的 department(label)替換成統一名字 name(label)

然后將值this. cateList = data

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容