解決Element UI級聯選擇器出現空頁面

2021-10-10 07:44:21 字數 528 閱讀 4264

在使用element-ui級聯選擇器cascader元件時,當後端返回的樹形結構中children為空陣列時,級聯選擇器會出現乙個空頁面。如下:

正是因為這乙個空的children陣列,導致級聯選擇器出現空頁面

使用遞迴刪除樹形結構中的空陣列。

getdata

(arr)

else

newtree.

push

(arr[i]);

}return newtree;},

getnodes

(arr)

else

sonlist.

push

(arr[i]);

}return sonlist;

},

說明:children為樹形結構的子級,如果你的子級的名稱定義的list或其他,將children改為你自己的便可。

element ui級聯選擇器props的配置

如果配置了這個選項,請求回來的資料,根本不用你去遞迴處理,只需要把響應的資料賦值給資料來源cascaderlist 如下 v model cascadervalue options cascaderlist props cascaderprops change cascaderhandlechang...

動態繫結elementUI級聯選擇器的值和顯示內容

前端中大部分的資料都是由訪問後台介面獲取到。所以我們需要將獲取到的資料再繫結到對應的元件中。其中介面對應的字段和元件中要繫結的字段不一樣完全一致,所以我們要設定相應的屬性,實現聯動,一一對應。後台返回的資料格式如下 檢視官方文件可知,顯示文字對應的是props 中的label屬性。因此在data中新...

的級聯選擇 ZStack 級聯框架

雲中的資源相互都有關係。操作乙個資源通常會引發連鎖反應 例如,當刪除乙個集群的時候,是非常合理地去刪除屬於該集群的所有主機並停止所有在這些主機上執行的虛擬機器。傳統的iaas軟體要麼硬編碼連鎖反應,要麼簡單地禁止這些操作,例如,禁止使用者刪除有虛擬機器執行的集群。zstack提供乙個級聯框架,用以散...