Element-Plus的樹形控件是一個非常常用的組件,可以用于展示層級結構的數據。以下是一些使用技巧:
[
{
id: 1,
label: '節點1',
children: [
{
id: 2,
label: '節點1-1',
children: [
{
id: 3,
label: '節點1-1-1',
children: []
}
]
}
]
}
]
默認展開:如果想讓樹形控件默認展開某些節點,可以使用default-expanded-keys
屬性,傳入需要展開的節點的id數組。
點擊事件:可以監聽node-click
事件來處理節點的點擊事件,獲取點擊的節點信息。
多選:如果需要支持多選,可以使用show-checkbox
屬性和check-change
事件來實現。
自定義節點:可以通過render-content
屬性來自定義節點的渲染內容,傳入一個函數,函數的參數是當前節點的數據。
以上是一些基本的使用技巧,希望對你有所幫助。更多詳細的用法,請參考Element-Plus的官方文檔。