在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡安全  HTML/ vuedraggable拖拽到目標區(qū)域的回調事件

vuedraggable拖拽到目標區(qū)域的回調事件

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

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

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

回答
編輯回答
孤客

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

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

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

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

老鐵,圖片上的demo能給我一份嗎?

2017年12月3日 05:05
編輯回答
過客

解決問題了嗎樓主,我遇到和你一樣的問題,求解呀

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

請問樓主解決了嗎,可以分享下解決方法嗎?

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