Vue EasyUI 拖動

2020-06-24 11:38 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
scope string 拖動范圍。 null
disabled boolean 為True時,禁用拖動。 false
handle Element, selector 啟動可拖動的手柄。 null
revert boolean 如果設(shè)置為true,當(dāng)拖動停止時,該元素將返回到初始位置。 false
deltaX number 拖動的元素位置x與當(dāng)前光標(biāo)對應(yīng)。 null
deltaY number 拖動的元素位置y與當(dāng)前光標(biāo)對應(yīng)。 null
edge number 開始拖動的拖動寬度。 0
delay number 以毫秒為單位定義啟動拖動操作的延遲時間(以毫秒為單位)。 100
axis string 定義被拖動元素移動的軸, 可選值為“v”或“h”,當(dāng)設(shè)置為null時,將沿“v”和“h”方向移動。 null
cursor string 拖動時的css光標(biāo)。 move
proxy DraggableProxy 拖動時使用的代理組件。 null

事件列表

名稱 參數(shù) 作用描述
dragStart state 開始拖動時觸發(fā)。
drag state 拖動放置。
dragEnd state 當(dāng)拖動結(jié)束時觸發(fā)。

注:
- 繼承: None 。

使用方法

<div v-Draggable="{drag:onDrag}" :style="dragStyle">
    <p style="text-align:center">Drag Me</p>
</div>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號