Vue EasyUI 放置

2020-06-24 14:40 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
scope string, array 放置范圍。 null
disabled boolean 為True時(shí),禁用調(diào)整。 false

事件列表

名稱 參數(shù) 作用描述
dragEnter scope 當(dāng)可拖動(dòng)對(duì)象被拖動(dòng)回車時(shí)觸發(fā)。
dragLeave scope 當(dāng)可拖動(dòng)對(duì)象被拖動(dòng)離開時(shí)觸發(fā)。
drop scope 當(dāng)可拖動(dòng)對(duì)象被刪除時(shí)觸發(fā)。

注:
- 繼承: 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>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)