vue el tree 預設展開一層節點

2021-09-26 16:03:03 字數 1128 閱讀 4146

vue 的樹形控制項 el-tree 可以用來方便地實現樹形控制項,但是官方文件中,關於控制項的預設展開只有預設展開全部或者預設全部關閉,如下所示:

對於指定節點的展開,需要指定其id,從而通過 default-expanded-keys 設定預設展開的節點。

對於後台返回的資料,預設展開其第一層的第乙個,其實很簡單:對於獲取到的後台資料,將其第一層節點新增到陣列中,將 default-expanded-keys 繫結陣列,從而設定預設展開的節點。

實際應用:預設展開第一層節點中的第乙個節點:

show-checkbox

check-strictly

node-key=

"id"

ref=

"tree"

accordion

:data=

"rolerestree"

:props=

"roledefaultprops"

:default

-expanded-keys=

"treeexpanddata"

:default

-checked-keys=

"resourcecheckedkey"

>

<

/el-tree>

<

/template>

export

default;}

, methods:

,// 分配許可權

async

assignpermishandle()

;const res =

await apis.

queryrolerestree

(param)

;this

.getroletreerootnode

(res)

}catch(e

)}}<

/script>

頁面效果:

一層秋雨一層涼啊

好幾天都在下雨了,看來秋天真的要來了。不過今年的秋天來的有些突然,讓人不敢相信是真的。涼爽的天氣讓人可以冷靜下來思考,雖然會讓上帝發笑,但是至少會使自己不至於那麼迷茫。沒有想到公司招聘的步伐會這麼快,讓我完全沒有準備好。其實每年都是如此,只是原來沒有關心罷了。近些日子,我總是會想到我們本科的生活,但...

一層一層剝開揹包問題

揹包問題是非常經典的動態規劃問題,這裡設計到空間開銷的問題,以下對方法不斷改進,優化空間開銷。時間複雜度 o n c 其中n為物品個數 c為揹包容積 空間複雜度 o n c include include include using namespace std 揹包問題 記憶化搜尋 時間複雜度 o ...

考研日記 9 01 一層秋雨一層涼

下午歸納完了毛中特第八章第一節,晚上做了概率論的1000題,做了10來題填空題,過程中看了一維隨機變數求分布,二維的求函式的概率密度。很少,加油。沒有睡覺。今天開始上課了 青蔥的粗糙的綠褲子湧過來飄過去 校園裡人變得好多 澡堂 餐廳 商業街 但我似乎慢慢脫離了 這些不再對我有什麼影響 越來越多地歸為...