閱讀(1.7k) 書(shū)簽贊(0) 我要糾錯(cuò)

React EasyUI 拖動(dòng)

2020-06-24 12:01 更新

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認(rèn)值
scope	string	拖動(dòng)范圍。	null
disabled	boolean	為True時(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

注：
- 繼承： None 。

<div v-Draggable="{drag:onDrag}" :style="dragStyle">
    <p style="text-align:center">Drag Me</p>
</div>

以上內(nèi)容是否對(duì)您有幫助：

寫(xiě)筆記

我要補(bǔ)充