Vue EasyUI 放置

2020-06-24 14:40 更新

属性列表

名称	数据类型	作用描述	默认值
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>

以上内容是否对您有帮助：