Vue EasyUI 放置
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| scope | string, array | 放置范围。 | null |
| disabled | boolean | 为True时,禁用调整。 | false |
事件列表
| 名称 | 参数 | 作用描述 |
|---|---|---|
| dragEnter | scope | 当可拖动对象被拖动回车时触发。 |
| dragLeave | scope | 当可拖动对象被拖动离开时触发。 |
| drop | scope | 当可拖动对象被删除时触发。 |
注：
- 继承： None 。
使用方法
<div class="dragitem" v-Draggable>
<p style="text-align:center">Drag me</p>
</div>
<div class="droparea" v-Droppable="dropOpts" :class="{'over':isover,'dropped':dropped}">
<p style="text-align:center">Drop here</p>
</div>