el-tree-transfer
是一個基于 Vue 和 Element-UI 的樹形穿梭框組件,用于實現左右兩側樹形結構數據的選擇與移動功能。以下是一些基本的入參說明,根據收集到的信息整理得出:
-
title:
- 類型:
Array
- 默認值:
['未選', '已選']
- 說明: 穿梭框左右兩側的標題文本。
- 類型:
-
from_data (或
leftTreeData
):- 類型:
Array
- 說明: 左側樹形結構的數據源。
- 類型:
-
to_data (或
rightTreeData
):- 類型:
Array
- 說明: 右側樹形結構的數據源。
- 類型:
-
pid (或
menuId
):- 類型:
String
- 說明: 父節點標識字段名,默認為
'menuId'
。
- 類型:
-
node_key (或
id
):- 類型:
String
- 說明: 節點唯一標識字段名,默認為
'id'
。
- 類型:
-
placeholder:
- 類型:
String
- 說明: 搜索框的提示文本。
- 類型:
-
defaultProps:
- 類型:
Object
- 默認值:
{ label: 'label' }
- 說明: 用于定義節點數據中各屬性的映射,如標簽名等。
- 類型:
-
@add-btn (或
@add
):- 說明: 添加按鈕點擊事件,可以綁定自定義方法,如
addMenu
。
- 說明: 添加按鈕點擊事件,可以綁定自定義方法,如
-
@remove-btn (或
@remove
):- 說明: 移除按鈕點擊事件,可以綁定自定義方法,如
removeMenu
。
- 說明: 移除按鈕點擊事件,可以綁定自定義方法,如
-
mode:
- 類型:
String
- 默認值:
'transfer'
- 說明: 組件模式,一般為
'transfer'
表示穿梭框模式。
- 類型:
-
height:
- 類型:
String
或Number
- 例如:
'500px'
- 說明: 設置穿梭框的高度。
- 類型:
-
filter:
- 說明: 是否啟用篩選功能。
-
openAll:
- 說明: 是否默認展開所有樹節點。
-
ref:
- 說明: 組件引用名,如
'treeTransfer'
,用于在Vue實例中訪問組件實例。
- 說明: 組件引用名,如
請注意,具體參數可能會隨著插件版本更新而有所變化,建議查閱最新的官方文檔或npm包的README文件以獲取最準確的信息。如果需要更詳細的參數說明或示例代碼,可以嘗試訪問插件的GitHub倉庫或通過npm安裝后查看其自帶的文檔。