vuedraggable自由拖拽


屬性名稱 說明
group :group= "name",相同的組之間可以相互拖拽
sort :sort= "true",是否開啟內部排序,如果設置為false,它所在組無法排序,在其他組可以拖動排序
delay :delay= "0", 鼠標按下后多久可以拖拽
touchStartThreshold 鼠標移動多少px才能拖動元素
disabled :disabled= "true",是否啟用拖拽組件
animation 拖動時的動畫效果,還是很酷的,數字類型。如設置animation=1000表示1秒過渡動畫效果
handle :handle=".mover" 只有當鼠標移動到css為mover類的元素上才能拖動
filter :filter=".unmover" 設置了unmover樣式的元素不允許拖動
draggable :draggable=".item" 那些元素是可以被拖動的
ghostClass :ghostClass="ghostClass" 設置拖動元素的占位符類名,你的自定義樣式可能需要加!important才能生效,並把forceFallback屬性設置成true
chosenClass :ghostClass="hostClass" 被選中目標的樣式,你的自定義樣式可能需要加!important才能生效,並把forceFallback屬性設置成true
dragClass :dragClass="dragClass"拖動元素的樣式,你的自定義樣式可能需要加!important才能生效,並把forceFallback屬性設置成true
dataIdAttr dataIdAttr: 'data-id'
forceFallback 默認false,忽略HTML5的拖拽行為,因為h5里有個屬性也是可以拖動,你要自定義ghostClass chosenClass dragClass樣式時,建議forceFallback設置為true
fallbackClass 默認false,克隆的DOM元素的類名
allbackOnBody 默認false,克隆的元素添加到文檔的body中
fallbackTolerance 拖拽之前應該移動的px
scroll 默認true,有滾動區域是否允許拖拽
scrollFn 滾動回調函數
scrollSensitivity 距離滾動區域多遠時,滾動滾動條
scrollSpeed 滾動速度


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM