021Element-plus的el-tree功能预研3-数据处理与拖拽事件监听回调
el-tree全量属性与拖拽事件
<el-tree
ref="treeRef"
:data="programs.children"
:props="defaultProps"
:filter-node-method="filterNode"
:allow-drop="allowDrop"
:allow-drag="allowDrag"
empty-text="请添加节点"
draggable
default-expand-all
node-key="id"
@node-click="handleClick"
@node-drag-start="handleDragStart"
@node-drag-enter="handleDragEnter"
@node-drag-leave="handleDragLeave"
@node-drag-over="handleDragOver"
@node-drag-end="handleDragEnd"
@node-drop="handleDrop"
>
props:映射data中的字段
const defaultProps = {
children: 'children',
label: 'label',
}