javascript - 使用：vue2.0，如何实现拖放替换元素？

Question

想实现：把div1拖放到div2上时，div2变成半透明，鼠标放开把div2替换为div1。我使用了html5的drag，能实现拖动，但是始终没有比较好的方法实现想实现的功能，各路英雄帮帮忙呀～

ringa_lee · Answer

我用了个拖拽库实现.. dragula

我是这样实现的:

dragula([document.querySelector('list')], {
    direction: 'vertical'
})
    .on('drag', (el) => {
        this.dragIndex = $(el).index()
    })
    .on('drop', (el) => {
        this.dropIndex = $(el).index()
        // sort 内实现数据交换
        this.sort()
    })

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學