鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ vuedraggable拖拽到目標(biāo)區(qū)域的回調(diào)事件

vuedraggable拖拽到目標(biāo)區(qū)域的回調(diào)事件

圖片描述
我要把item1從A區(qū)域拖拽到B區(qū)域，
我想在B區(qū)域設(shè)置監(jiān)聽回調(diào)事件，
像jquery-ui 當(dāng)拖拽元素到B區(qū)域并釋放鼠標(biāo) 就會(huì)調(diào)用drop方法

$(".freeWrap").droppable({
            drop: function( event, ui ) {
                
                console.log("元素已經(jīng)在目標(biāo)區(qū)域上方")
            }
        });

vuedraggable有沒有像drop這樣的方法，我想實(shí)現(xiàn)下面這樣的一個(gè)拖拽功能
圖片描述

回答
編輯回答
孤客

vuedraggable是對(duì)Sortable.js的封裝
事件列表見文檔

2017年12月7日 15:50
編輯回答
刮刮樂

會(huì)觸發(fā)sort和add事件。用add吧。

@add="addDrag(event)"
// event里能拿到一些信息，這個(gè)event是vuedraggable處理過(guò)的
2018年9月11日 13:24
編輯回答
莫小染

老鐵，圖片上的demo能給我一份嗎？

2017年12月3日 05:05
編輯回答
過(guò)客

解決問(wèn)題了嗎樓主，我遇到和你一樣的問(wèn)題，求解呀

2017年2月4日 12:30
編輯回答
掛念你

請(qǐng)問(wèn)樓主解決了嗎，可以分享下解決方法嗎？

2017年7月10日 16:11
編輯回答
爆扎
直接@drop


A:@dragstart="dragstart($event)" @dragend="dragend($event)"


B:@dragleave="dragleave($event)" @dragover="dragover($event)" @drop='drop($event)'
2017年2月16日 02:57