选择器
[euiDroppable]
继承
无
用法
<div class="dragitem" euiDraggable>
<p style="text-align:center">Drag me</p>
</div>
<div class="droparea" euiDroppable
[class.over]="isover"
[class.dropped]="dropped"
(dragEnter)="onDragEnter()"
(dragLeave)="onDragLeave()"
(drop)="onDrop()">
<p style="text-align:center">Drop here</p>
</div>
输入
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
euiDroppable | any | 放置范围。 | null |
disabled | boolean | 为True时,禁用调整。 | false |
事件
名称 | 参数 | 描述 |
---|---|---|
dragEnter | scope:any | 当可拖动对象被拖动时触发。 |
dragEnter | scope:any | 当拖动可拖动对象时触发。 |
dragLeave | scope:any | 当可拖动对象被拖动离开时触发。 |
drop | scope:any | 当可拖动对象被删除时触发。 |