React EasyUI 拖動(dòng)

2020-06-24 12:01 更新

屬性列表

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

事件列表

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

注:
- 繼承: None 。

使用方法

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)