W3Cschool
恭喜您成為首批注冊(cè)用戶(hù)
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
名稱(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>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話(huà):173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: